Travis Ralston
f9aca7c05e
Avoid bounding box usage in sticky headers & improve reliability
...
We now use offsets and scroll information to determine where the headers should be stuck to, still supporting the transparent background.
Some scroll jumps were originally introduced as part of the change in numbering, so they have been fixed here. By proxy, some additional scroll jump/instability should be fixed as well.
This has a lingering problem of still causing a huge number of no-op UI updates though, which will be dealt with in a future commit.
2020-07-08 14:37:35 -06:00
Bruno Windels
7390baf451
Merge branch 'develop' into element
2020-07-08 18:09:38 +02:00
Travis Ralston
eb38d80bd5
Merge pull request #4920 from matrix-org/joriks/room-list-priorities
...
Enable options to favourite and low priority rooms
2020-07-08 10:08:02 -06:00
Bruno Windels
d5747ad6c0
Merge branch 'develop' into element
2020-07-08 18:07:45 +02:00
Travis Ralston
0368bff5b1
Merge pull request #4904 from matrix-org/joriks/room-list-voip
...
Move voip previews to bottom right corner
2020-07-08 10:07:42 -06:00
Bruno Windels
7da2b5d92f
fix muted video icon center
2020-07-08 18:06:11 +02:00
Bruno Windels
571bd30898
update call icons
2020-07-08 18:02:30 +02:00
Jorik Schellekens
6ca7150533
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into
...
joriks/room-list-priorities
2020-07-08 16:08:55 +01:00
Jorik Schellekens
53bdddfcdd
Fix discrepancies with style
2020-07-08 16:07:38 +01:00
Travis Ralston
3912f2d21c
Merge remote-tracking branch 'origin/develop' into travis/room-list/resizable
2020-07-08 07:55:10 -06:00
Bruno Windels
7dad56ca86
Merge branch 'develop' into element
2020-07-08 15:50:17 +02:00
Bruno Windels
269c30f8e8
Revert "also blur the sticky headers"
...
This reverts commit 82e0816d86
.
2020-07-08 15:47:01 +02:00
Bruno Windels
989e4a9ceb
Merge pull request #4912 from matrix-org/bwindels/bettersticky
...
Add wrapper to room list so sticky headers don't need a background
2020-07-08 13:34:01 +00:00
Bruno Windels
a8085f4e3b
remove background on sticky headers
2020-07-08 14:50:08 +02:00
Bruno Windels
0d94cfa97a
put sticky headers in padding of wrapper
...
this way they don't need a background, as the list is already clipped
2020-07-08 14:49:38 +02:00
Bruno Windels
75751abc60
add wrapper we can then add padding to when sticking headers
2020-07-08 14:49:04 +02:00
Michael Telatynski
faa9124f2b
Merge branches 'develop' and 't3chguy/room-list/12345' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/12345
...
Conflicts:
src/components/views/rooms/RoomTile2.tsx
2020-07-08 08:57:01 +01:00
Travis Ralston
15b6a273c9
Swap out the resizer lib for something more stable
...
react-resizer appears to be okay at tracking state, but it often desyncs from reality. re-resizer is more maintained and more broadly used (160k downloads vs 110k), and appears to generally do a better job of tracking the cursor.
The new library has some oddities though, such as deltas, touch support (hence the polyfill), and calling handles "Enable".
For https://github.com/vector-im/riot-web/issues/14022
2020-07-07 22:21:00 -06:00
Jorik Schellekens
0906da01ba
Fix gaps
2020-07-08 00:18:58 +01:00
Jorik Schellekens
92dec8ddd8
Fix gaps
2020-07-08 00:16:24 +01:00
Jorik Schellekens
b3f50b6e17
Enable options to favourite and low priority rooms
2020-07-07 23:14:04 +01:00
Travis Ralston
a59a8b76a9
Update TODO comments to point to new issue
2020-07-07 14:51:43 -06:00
Michael Telatynski
986d56ffdc
Merge branches 'develop' and 't3chguy/room-list/12345' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/12345
...
Conflicts:
src/components/views/rooms/RoomSublist2.tsx
src/components/views/rooms/RoomTile2.tsx
2020-07-07 17:11:04 +01:00
Jorik Schellekens
6b5eaca0b9
Remove comment
2020-07-07 16:45:43 +01:00
Jorik Schellekens
da1d1ffa09
Change colour to orange and do some lints
2020-07-07 15:42:54 +01:00
Jorik Schellekens
0d6e7759d0
Fix review details
...
- spelling mistake
- unwatch watched setting
- lint (indentation)
- use more performant component
2020-07-07 15:11:08 +01:00
Jorik Schellekens
527fe24cd6
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/room-list-voip
2020-07-07 15:04:22 +01:00
Michael Telatynski
69852ecef4
Merge branches 'develop' and 't3chguy/room-list/123' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/123
...
Conflicts:
src/components/views/rooms/RoomSublist2.tsx
2020-07-07 14:10:58 +01:00
Bruno Windels
92a2621815
also apply sticky header bg color when backdrop-filter is not supported
2020-07-07 13:22:13 +02:00
Bruno Windels
7115c07c65
Merge branch 'develop' into element
2020-07-07 13:21:49 +02:00
Bruno Windels
8f47b59de8
fix margin between buttons
...
I think the selector wasn't working before either fwiw
2020-07-07 13:03:18 +02:00
Bruno Windels
df072a12b2
room settings icons
2020-07-07 12:30:02 +02:00
Bruno Windels
1ef73958f3
change hide community icon in context menu
2020-07-07 12:16:31 +02:00
Bruno Windels
38ff58f8dd
remove upload icon
2020-07-07 12:16:16 +02:00
Bruno Windels
af333db6ae
change settings icons
2020-07-07 12:16:03 +02:00
Mike Pennisi
d237d02c03
Highlight "Jump to Bottom" badge when appropriate
...
This resolves https://github.com/vector-im/riot-web/issues/13135
Signed-off-by: Mike Pennisi <mike@mikepennisi.com>
2020-07-06 23:09:54 -04:00
Michael Telatynski
64237c9f4e
Apply scroll margins to RoomTile so that they don't scroll under the "sticky" headers
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-07 00:11:32 +01:00
Jorik Schellekens
5176685d20
Implement incoming call box
2020-07-06 23:05:00 +01:00
Travis Ralston
d14dd777b7
Revert "don't need to set width with javascript?"
...
This reverts commit a2cf641c0e
.
2020-07-06 15:23:20 -06:00
Travis Ralston
70eebc978f
Revert "Minor cleanup of sticky header CSS"
...
This reverts commit 5bf14d8427
.
2020-07-06 15:22:40 -06:00
Travis Ralston
5bf14d8427
Minor cleanup of sticky header CSS
2020-07-06 14:37:38 -06:00
Bruno Windels
a2cf641c0e
don't need to set width with javascript?
2020-07-06 14:35:53 -06:00
Bruno Windels
8fd9dbf1d8
moar icon changes
2020-07-06 18:28:54 +02:00
Bruno Windels
3e5664de7b
update user menu icons
2020-07-06 16:12:36 +02:00
Bruno Windels
5735c6d8f5
update favorite icon
2020-07-06 16:12:17 +02:00
Bruno Windels
2daad838ad
change roomtile icons
2020-07-06 15:56:52 +02:00
Bruno Windels
137a81501a
fix tooltip bg colors
...
introduce new color variable for inverted backgrounds like dark tooltip
2020-07-06 15:40:30 +02:00
Bruno Windels
08c44333cf
Update develop
2020-07-06 09:29:23 +02:00
Michael Telatynski
83cfdd9c07
Fix accessibility of the Explore button
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-05 01:30:22 +01:00
Travis Ralston
afa71c7b7c
Fix minor issues with the badges in the new room list
...
Fixes https://github.com/vector-im/riot-web/issues/14225
2020-07-03 14:26:59 -06:00
Michael Telatynski
ae5ab4c394
Merge pull request #4893 from matrix-org/t3chguy/room-list/101
...
Radio button outline fixes including for new room list context menu
2020-07-03 20:35:17 +01:00
Michael Telatynski
af5f9b7c41
revert dark mode separator colour
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-03 19:53:06 +01:00
Michael Telatynski
c8bb6f5904
Improve radio outlines for message layout to be more consistent
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-03 19:48:22 +01:00
Michael Telatynski
5a542281ed
Make Styled Radio Button outlines default-off
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-03 19:27:45 +01:00
Bruno Windels
bec10b79da
apply some of the new icons
2020-07-03 18:03:47 +02:00
Bruno Windels
262b1edaa3
new icons
2020-07-03 18:03:28 +02:00
Bruno Windels
918d091878
make background image not move too much when resizing left panel
2020-07-03 16:56:10 +02:00
Bruno Windels
82ca98cdd5
clear background on show more button in element theme
2020-07-03 16:53:06 +02:00
Bruno Windels
b370e3f078
don't need to set width with javascript?
2020-07-03 16:52:01 +02:00
Bruno Windels
82e0816d86
also blur the sticky headers
...
added a DOM element so we can set the background on the parent and
the blur on the new element
2020-07-03 16:50:01 +02:00
Michael Telatynski
9cf162e267
Merge branches 'develop' and 't3chguy/room-list/6' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/6
...
Conflicts:
src/components/views/rooms/RoomSublist2.tsx
src/components/views/rooms/RoomTile2.tsx
2020-07-03 00:02:37 +01:00
Michael Telatynski
289f40ce29
First step towards a11y in the new room list
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-02 22:21:10 +01:00
Travis Ralston
df05273225
Merge remote-tracking branch 'origin/joriks/room-list-tooltips' into develop
2020-07-02 15:20:27 -06:00
Travis Ralston
0549ef83db
Merge pull request #4878 from matrix-org/travis/room-list/fix-community-invites
...
Fix alignment of avatars on community invites
2020-07-02 14:39:25 -06:00
Travis Ralston
e08512020f
Fix a couple badge alignment issues with community invites
2020-07-02 14:05:31 -06:00
Travis Ralston
c3ad854868
Fix alignment of avatars on community invites
2020-07-02 13:50:25 -06:00
Travis Ralston
7ea3164507
Fix alignment of dot badges in new room list
2020-07-02 13:39:20 -06:00
Travis Ralston
43db4b98df
Merge branch 'develop' into joriks/room-list-breadcrumbs
2020-07-02 13:22:51 -06:00
Michael Telatynski
c259408d71
fix alignment of dot and simplify CSS rules
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-02 12:35:06 +01:00
Michael Telatynski
992349944a
Fix room list 2's room tile wrapping wrongly
2020-07-02 12:18:48 +01:00
Michael Telatynski
0cbc506ad6
add missing svg
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-01 14:26:50 +01:00
Bruno Windels
ae0bb2a2aa
rename file to mod, for all theme modifications
2020-07-01 15:02:20 +02:00
Michael Telatynski
b5014282a4
Iterate PR based on Figma design and feedback
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-01 13:59:50 +01:00
Jorik Schellekens
1889ee202b
Add tooltips for breadcrumbs
2020-07-01 12:23:27 +01:00
Jorik Schellekens
aab372c648
Add tooltips
2020-07-01 01:50:31 +01:00
Jorik Schellekens
b1e0b35758
Lint style
2020-06-30 23:40:24 +01:00
Jorik Schellekens
dcd51b5be3
Implement breadcrumb notifications and scrolling
2020-06-30 23:24:46 +01:00
Michael Telatynski
198958dcdd
Iterate to match figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 22:32:59 +01:00
Michael Telatynski
cbd2a9cd35
Redo Iconized Context Menu styling to match Figma and simplify future a11y work by flattening the DOM
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 22:11:12 +01:00
Michael Telatynski
fe4cf9f9b4
Merge branches 'develop' and 't3chguy/room-list/2' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/2
2020-06-30 21:16:37 +01:00
David Baker
2247400010
Merge pull request #4847 from matrix-org/dbkr/recovery_key_upload_2
...
Add file upload button to recovery key input
2020-06-30 18:06:12 +01:00
David Baker
21c5c745c1
Merge pull request #4831 from matrix-org/dbkr/recovery_key_passphrase_2
...
Implement new design on security setup & login
2020-06-30 17:55:03 +01:00
Michael Telatynski
446f3e35e9
Merge pull request #4846 from matrix-org/t3chguy/notifications0
...
Fix Room Custom Sounds regression and make ProgressBar relevant again
2020-06-30 16:56:57 +01:00
Bruno Windels
dad47148ae
clear hairlines by making them transparent for now ...
...
also some color changes
2020-06-30 13:28:19 +02:00
Bruno Windels
6fc4be386a
add blurred, blended avatar background to left panel
2020-06-30 13:28:19 +02:00
Bruno Windels
c0a9af945c
use Inter as font
2020-06-30 13:28:19 +02:00
Bruno Windels
baebab7b16
Add element theme
2020-06-30 13:28:19 +02:00
David Baker
1e457994f9
More padding between header & text in radio button
2020-06-30 11:10:12 +01:00
Michael Telatynski
6b2ba8caed
Add svgs
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 00:27:32 +01:00
Michael Telatynski
54419878fa
Add room notifications context menu and non-default indicator to RoomTile2
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 00:16:51 +01:00
Michael Telatynski
adf186f568
Fix RoomTile2 Context Menu to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-29 23:03:44 +01:00
Travis Ralston
175ade8ac4
Merge branch 'develop' into travis/room-list/todo-cleanup
2020-06-28 20:04:41 -06:00
Travis Ralston
ee2c216c4d
Clean up TODO comments for new room list
...
All relevant TODOs should still be present, and reference an issue for easy finding.
2020-06-28 20:03:04 -06:00
Travis Ralston
753f7aa5b8
Remove the DM button from new room tiles
...
Fixes https://github.com/vector-im/riot-web/issues/14221
2020-06-27 22:48:54 -06:00
Michael Telatynski
cf3c914382
Merge branches 'develop' and 't3chguy/notifications0' of github.com:matrix-org/matrix-react-sdk into t3chguy/notifications0
2020-06-26 15:35:36 +01:00
David Baker
15ebaa1470
Port recovery key upload button to new designs
2020-06-26 15:22:04 +01:00
Travis Ralston
3abc9d8d56
Merge branch 'develop' into travis/room-list/tag-panel
2020-06-26 07:26:57 -06:00
Travis Ralston
424443927f
Merge pull request #4843 from matrix-org/travis/room-list/user-menu
...
Make the whole user row clickable in the new room list
2020-06-26 07:25:50 -06:00
Michael Telatynski
f830a4b7fc
delint
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 14:22:59 +01:00
Michael Telatynski
72035c8078
Make <ProgressBar /> relevant again
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 14:19:58 +01:00