Travis Ralston
aab7e0cc14
Fix alignment of checkboxes in new room list's context menu
...
At somepoint the checkbox lost its padding, so we don't need to counteract it.
2020-06-16 18:56:56 -06:00
Jovan Gerodetti
af1c2f9b29
fix requested changes from #3991
...
Signed-off-by: Jovan Gerodetti <jovan.gerodetti@titannano.de>
2020-06-16 23:11:32 +02:00
Dale Harvey
049e3fc08c
Add some media queries to improve UI on mobile
2020-06-16 23:11:32 +02:00
Travis Ralston
e4a51a7c01
Add presence icons; Convert to generic icon component
...
For https://github.com/vector-im/riot-web/issues/14039
2020-06-16 14:44:37 -06:00
Travis Ralston
bcebef7e56
Add a globe icon to public rooms
...
For https://github.com/vector-im/riot-web/issues/14039
2020-06-16 12:13:12 -06:00
Jorik Schellekens
a250bf6a97
Fix whitespace
2020-06-16 18:08:49 +01:00
Jorik Schellekens
2d6077f2c8
Fix radio circle color
2020-06-16 18:02:34 +01:00
Jorik Schellekens
2192332968
Add layout options to the appearance tab
2020-06-16 17:55:19 +01:00
Jorik Schellekens
17dbb1ac8b
Message preview for font slider
2020-06-16 15:41:10 +01:00
Travis Ralston
84e60ee439
Add a 'show less' button to the new room list
2020-06-15 20:00:09 -06:00
Travis Ralston
4186070489
Support list collapsing and jumping
...
Fixes https://github.com/vector-im/riot-web/issues/14036
2020-06-15 19:47:43 -06:00
Jorik Schellekens
045217ee8d
fix style
2020-06-15 17:46:16 +01:00
Jorik Schellekens
02ccdcb802
Fix field width and add tooltip
2020-06-15 17:42:30 +01:00
Jorik Schellekens
edb6bbc6c0
Implement font selection
2020-06-15 15:33:52 +01:00
Travis Ralston
8596905cee
Merge branch 'develop' into travis/room-list/sticky
2020-06-15 06:54:27 -06:00
Jorik Schellekens
94f52c4ee2
Merge pull request #4731 from matrix-org/joriks/radio-buttons
...
Change theme selector to use new styled radio buttons
2020-06-15 12:51:02 +01:00
Jorik Schellekens
d44fbda834
Make disabled checkbox look more convincingly useless
2020-06-15 12:23:14 +01:00
Jorik Schellekens
3b1f0db3e1
Use smaller top margin for selectors
2020-06-15 12:06:40 +01:00
David Baker
8ebae4c3b6
Merge pull request #4686 from matrix-org/dbkr/recovery_keys_over_passphrases
...
Use recovery keys over passphrases
2020-06-15 11:30:30 +01:00
Travis Ralston
eeac80096c
Float the badges with the sticky headers
2020-06-13 19:07:19 -06:00
Travis Ralston
1bbf2e053b
Initial attempt at sticky headers
...
Docs enclosed in diff.
2020-06-13 11:55:11 -06:00
Travis Ralston
f9a4151a6e
Add rudimentary dark theme support
2020-06-12 13:52:54 -06:00
Travis Ralston
510f98b8b0
Bump width of user menu to account for 16px overlap
2020-06-12 10:29:42 -06:00
Travis Ralston
9eb965878a
Merge pull request #4754 from matrix-org/travis/room-list/per-list-algo
...
Support per-list options and algorithms on the new room list
2020-06-12 08:40:23 -06:00
Travis Ralston
4aa15ee191
Wire up the context menu to the room list store
...
Updates are passed along magically to the sublist, so we don't need to listen for the room list store's response to our changes.
This just hits the functions introduced in the last commit.
2020-06-11 22:04:10 -06:00
Travis Ralston
ec48c76a4f
Merge pull request #4753 from matrix-org/travis/room-list/minimized
...
Add a minimized view to the new room list
2020-06-11 17:20:49 -06:00
Jorik Schellekens
3895c03ee2
Merge pull request #4752 from matrix-org/joriks/irc-encryption-alignment
...
Fix e2e icon alignment in irc-layout
2020-06-11 23:42:49 +01:00
Travis Ralston
484dc36619
Fix alignment of show more button
2020-06-11 14:41:35 -06:00
Travis Ralston
2c04a56784
Add a minimized view to the new room list
...
This covers everything except breadcrumbs, as those are somewhat undecided from a design perspective.
2020-06-11 14:39:28 -06:00
Jorik Schellekens
2617ce5dd5
fix checkbox regression
2020-06-11 12:40:49 +01:00
Jorik Schellekens
cf392af52f
Address design issues and set theme at device level
2020-06-11 12:27:09 +01:00
Jorik Schellekens
872103fb8a
Fix e2e bade alignment
2020-06-11 11:44:11 +01:00
Jorik Schellekens
0f685eb0e9
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/radio-buttons
2020-06-11 11:03:54 +01:00
Jorik Schellekens
399dd6a225
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/fix-read-receipts
...
To fix types
2020-06-11 10:55:27 +01:00
Jorik Schellekens
b36d7d48cc
Center read reaceipts on irc-ui
2020-06-11 10:36:52 +01:00
Travis Ralston
1d84b46681
Fix vertical height causing sublists to wrap
2020-06-10 15:22:17 -06:00
Travis Ralston
6c31bf1a61
Fix layout when resizing the list width
2020-06-10 15:15:58 -06:00
Travis Ralston
be366bdd7f
Fix various layout concerns with the new room list
...
It had ~32px of overflow causing a horizontal scrollbar. Turns out the layout engine gets confused when hidden elements are at the end of a flexbox, so we just move them higher in the DOM (where they logically still make sense).
The remaining changes are all alignment and misc changes in that respect, and probably not obvious.
2020-06-10 15:05:17 -06:00
Jorik Schellekens
b2154a4a61
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/fix-read-receipts
2020-06-10 17:33:22 +01:00
Jorik Schellekens
b63d73e3b6
Merge pull request #4729 from matrix-org/joriks/appearance-tab
...
Move Settings flag to ts
2020-06-10 16:57:18 +01:00
Jorik Schellekens
11d85f167b
Fix read-receipt alignment
2020-06-10 15:21:36 +01:00
Travis Ralston
72bb89d4ee
Merge pull request #4743 from matrix-org/travis/room-list/tile-menu
...
Add a context menu to rooms in the new room list
2020-06-10 07:46:09 -06:00
Travis Ralston
58db992382
Add 10px to comment
2020-06-10 07:45:52 -06:00
Travis Ralston
a3391d9a08
Merge branch 'develop' into travis/room-list/hover-state
2020-06-10 07:42:41 -06:00
Travis Ralston
78e1db9d30
Merge pull request #4741 from matrix-org/travis/room-list/resize-handle
...
Update resize handle for new designs in new room list
2020-06-10 07:40:34 -06:00
Travis Ralston
95b4abba3b
Merge pull request #4735 from matrix-org/travis/room-list/breadcrumbs
...
Reimplement breadcrumbs for new room list
2020-06-10 07:39:55 -06:00
Travis Ralston
60b5f2dbec
Merge pull request #4744 from matrix-org/joriks/radio-buttons-isolated
...
Add styled radio buttons
2020-06-10 07:27:17 -06:00
Jorik Schellekens
ab47e0ed24
lint lines
2020-06-10 13:49:03 +01:00
Jorik Schellekens
a2294a73a4
Make checkboxes a11y friendly
2020-06-10 13:41:34 +01:00
Jorik Schellekens
70fe7ce619
fix licensing info
2020-06-10 13:39:28 +01:00
Jorik Schellekens
8fc6289290
Use appearance instad of display for accessibility
2020-06-10 13:37:09 +01:00
Jorik Schellekens
3bea64e950
smaller margin
2020-06-10 13:06:17 +01:00
Jorik Schellekens
0fb6846c9d
Radio buttons
2020-06-10 13:03:00 +01:00
Travis Ralston
175fc0e2a1
Appease the style linter
2020-06-09 23:13:57 -06:00
Travis Ralston
0755b4c148
Add a context menu to rooms in the new room list
...
The tag options are not implemented out of concern for diff size.
This splits the context menu classes out to a new "iconized" style which is common across a number of context menus, including the UserMenu.
Some of the badge/sublist styles had to change to better accommodate the menu icon lining up.
This also contains the framework required for https://github.com/vector-im/riot-web/issues/13961
2020-06-09 23:09:15 -06:00
Travis Ralston
111394df6d
Add hover states and basic context menu to new room list
...
The 'sort by' radio buttons are blocked by https://github.com/matrix-org/matrix-react-sdk/pull/4731 as it contains the styles needed.
The 'unread rooms' checkbox is intentionally not hooked up. This is a more complicated refactoring that needs to be done.
The message preview checkbox works, though the previews remain hardcoded in this change. The primary intent of this change is to have a good enough context menu and the hover states.
The hover states are as described in the design.
2020-06-09 21:12:49 -06:00
Travis Ralston
5f8b7187cf
Update resize handle for new designs
...
The diff should have information on what this does and how it is supposed to work.
2020-06-09 19:48:31 -06:00
Travis Ralston
b84af372b9
Bump animation time for breadcrumbs up to 640ms
...
This matches the design, unlike the 300ms which was too fast.
2020-06-09 15:35:07 -06:00
Travis Ralston
1467191a5d
Update the CSS transition for breadcrumbs
...
The actual transition length might need adjusting, but this is fairly close to what was requested.
2020-06-09 15:06:54 -06:00
Travis Ralston
9377fa513f
Merge branch 'develop' into travis/room-list/breadcrumbs
2020-06-09 08:11:08 -06:00
Travis Ralston
724f545b4a
Merge remote-tracking branch 'origin/develop' into travis/room-list/sublist-badges
2020-06-09 08:06:10 -06:00
Travis Ralston
182dd41947
Merge pull request #4736 from matrix-org/travis/room-list/filter-explore
...
Add filtering and exploring to the new room list
2020-06-09 07:59:13 -06:00
Jorik Schellekens
7a3ed0e496
Merge pull request #4733 from matrix-org/joriks/font-scaling-appearance
...
Clean up font scaling appearance
2020-06-09 13:16:15 +01:00
Travis Ralston
5114c37b82
Add filtering and exploring to the new room list
...
This is per the designs. Animation doesn't feel required here.
Like the rest of this series, this rewrites a component to be more purpose-built to help match the designs and to solve the smallest possible problem.
2020-06-08 20:33:21 -06:00
Travis Ralston
9859891b4d
Merge branch 'develop' into travis/room-list/sublist-badges
2020-06-08 18:12:43 -06:00
Travis Ralston
bcc455b248
Merge branch 'develop' into travis/room-list/breadcrumbs
2020-06-08 18:11:42 -06:00
Travis Ralston
04566e12b2
Fix indentation in styles
2020-06-08 17:14:40 -06:00
Travis Ralston
0354bf9b6d
Reimplement breadcrumbs for new room list
...
This all-new component handles breadcrumbs a bit more smoothly for the app by always listening to changes even if the component isn't present. This allows the breadcrumbs to remain up to date for when the user re-enables breadcrumbs.
The new behaviour is that we turn breadcrumbs on once the user has a room, and we don't turn it back off for them.
This also introduces a new animation which is more stable and not laggy, though instead of sliding the breadcrumbs pop. This might be undesirable - to be reviewed.
2020-06-08 17:11:58 -06:00
Travis Ralston
086b9101fa
Add sublist badge counts to new room list
...
Also add IDLE state to rooms
2020-06-08 13:42:18 -06:00
Jorik Schellekens
b4bdb23f5f
Clean up font scaling appearance
2020-06-08 19:02:36 +01:00
Jorik Schellekens
24cf3d5f05
add key to react list and let selector container wrap
2020-06-08 18:37:36 +01:00
Jorik Schellekens
a10e71edcf
Use styled radio buttons for theme selection
2020-06-08 18:17:02 +01:00
Travis Ralston
de4c2fe3d9
Use real buttons in user menu
2020-06-08 11:06:21 -06:00
Jorik Schellekens
bd58f6ea7b
Hide checkbox on dark backgrounds
2020-06-08 17:38:07 +01:00
Travis Ralston
6002fef269
Merge branch 'travis/room-list/css-layout' into travis/room-list/user-menu
2020-06-08 09:41:38 -06:00
Travis Ralston
000c92a53f
Merge branch 'develop' into travis/room-list/css-layout
2020-06-08 09:40:21 -06:00
Travis Ralston
50673496c3
Add hosting link
2020-06-08 09:32:16 -06:00
Jorik Schellekens
2fe7c37566
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/font-scaling-unit-change
2020-06-08 13:37:05 +01:00
Travis Ralston
8b6b117fbf
Appease the linter
2020-06-07 22:15:54 -06:00
Travis Ralston
8e0247afe5
Add most of the UI for the new room list's menu button
...
Incomplete implementation: buttons don't work, some text is missing, etc
2020-06-07 22:06:41 -06:00
Travis Ralston
829bf3c774
Add another TODO comment
2020-06-05 14:11:04 -06:00
Travis Ralston
1d8833e9f8
Selected state, cleanup, and profile display
2020-06-05 14:08:20 -06:00
Travis Ralston
ea6b0a60ab
Merge branch 'develop' into travis/room-list/css-layout
2020-06-05 13:19:00 -06:00
Travis Ralston
ee3d2c51d8
Merge pull request #4697 from matrix-org/travis/room-list/scrolling-resize
...
New room list scrolling and resizing
2020-06-05 13:17:59 -06:00
Travis Ralston
efa12b8c2f
Merge pull request #4687 from matrix-org/travis/split-left-panel
...
Split the left panel into new and old for new room list designs
2020-06-05 10:07:13 -06:00
David Baker
b82a893a79
Merge remote-tracking branch 'origin/develop' into dbkr/recovery_keys_over_passphrases
2020-06-05 16:00:43 +01:00
Travis Ralston
475ba61671
Give the show more button some real CSS
...
This is still somewhat placeholder.
2020-06-05 08:48:23 -06:00
Travis Ralston
b31a8d494b
Merge branch 'travis/room-list/scrolling-resize' into travis/room-list/css-layout
2020-06-05 08:39:19 -06:00
Michael Telatynski
f221e06068
Merge pull request #4712 from matrix-org/t3chguy/compact-mode
...
Fix compact layout regression
2020-06-05 11:02:59 +01:00
Michael Telatynski
f4f23dba04
Fix compact layout regression
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-05 10:53:00 +01:00
Travis Ralston
e90e70bd77
Misc cleanup
2020-06-04 21:43:33 -06:00
Travis Ralston
f347019cf8
Remove obviously questionable color choices
2020-06-04 21:37:10 -06:00
Travis Ralston
0c15b2bdb6
Simple structuring of the room list itself
...
This covers the larger parts of the design, but doesn't deal with the nuances of hover states, badge sizing, etc.
2020-06-04 21:21:04 -06:00
Travis Ralston
4c1bc50649
Initial styling for new room list
...
This is a work in progress, but covers the coarse areas. This uses all-new classes to better describe what everything is, and to reduce the number of selectors we keep track of.
This is primarily layout for the list and not actually the final structure. For example, some buttons are missing and other areas are not styled correctly - the idea in this commit was to get things roughly in the right place and work on it.
2020-06-04 16:41:18 -06:00
Travis Ralston
02c131e3ff
Merge branch 'travis/room-list/scrolling-resize' into travis/room-list/css-layout
2020-06-04 16:40:55 -06:00
Travis Ralston
dc01607ad9
Merge branch 'develop' into travis/split-left-panel
2020-06-04 15:09:51 -06:00
Matthew Hodgson
c171bdfec7
fix emoji in safari
...
1. emoji sometimes vanished from the autocompleter due to a rounding error
combined with maxWidth: 1em on the emoji span kicking in at arbitrary
font sizes/zooms
2. apparently safari needs explicit VS-16 ligatures, as per
ff7dec427f
2020-06-04 22:01:16 +01:00
Travis Ralston
2fe56276f2
css for vis
2020-06-04 10:07:41 -06:00
Jorik Schellekens
f6504d67ba
Use 10px instead
2020-06-04 16:23:28 +01:00
Travis Ralston
cdf2d70aea
Merge branch 'develop' into travis/room-list/scrolling-resize
2020-06-04 09:19:54 -06:00