Bruno Windels
d90fc57469
Merge branch 'develop' into element
2020-07-09 17:59:56 +02:00
Bruno Windels
f58a0a7538
Merge pull request #4932 from matrix-org/travis/room-list/invisible-show-more
...
Potential solution to supporting transparent 'show more' buttons
2020-07-09 14:43:20 +00:00
Travis Ralston
8972cf9378
Potential solution to supporting transparent 'show more' buttons
...
In this demonstration, we remove the cutting line (as it collides with the tile in a weird spot) and instead replace the tile with a placeholder when the text is about to collide with the avatar in the tile. We use a `round()` for this because through some amazing coincidence the collision happens at 0.47, which is close enough to 0.5 for people not to notice.
2020-07-08 16:09:45 -06:00
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
d5747ad6c0
Merge branch 'develop' into element
2020-07-08 18:07:45 +02: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
a8085f4e3b
remove background on sticky headers
2020-07-08 14:50:08 +02: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
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
08c44333cf
Update develop
2020-07-06 09:29:23 +02: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
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
Jorik Schellekens
aab372c648
Add tooltips
2020-07-01 01:50:31 +01:00
Bruno Windels
6fc4be386a
add blurred, blended avatar background to left panel
2020-06-30 13:28:19 +02: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
30489ce819
Merge pull request #4840 from matrix-org/travis/room-list/resizer-2
...
Iterate on the new room list resize handle
2020-06-25 16:27:39 -06:00
Travis Ralston
326fa8be7d
Merge pull request #4837 from matrix-org/travis/room-list/hover-states
...
Update sublists for new hover states
2020-06-25 16:05:25 -06:00
Travis Ralston
555078a993
Iterate on the new room list resize handle
...
Only show shadow when resizing, increase the hit area, and make the handle show up when the list itself is hovered.
2020-06-25 16:03:56 -06:00
Travis Ralston
0cb54ed2a4
Align the badge count on non-aux lists with other badges
2020-06-25 15:42:44 -06:00
Travis Ralston
aacedfaf13
Remove opacity from sublist header text, increase weight
2020-06-25 15:19:03 -06:00
Travis Ralston
129ff3a6e0
Match line colour from user menu in sublist menu
2020-06-25 15:17:19 -06:00
Travis Ralston
0af1507eed
Update sublists for new hover states
...
Fixes https://github.com/vector-im/riot-web/issues/14135
Unblocks https://github.com/vector-im/riot-web/issues/14089
2020-06-25 12:11:10 -06:00
Travis Ralston
5efa5d2c80
Implement new resize handle for dogfooding
...
Smaller handle width, small shadow on the top of the show more button if there's more rooms to be shown. The resize handle also only shows when you're hovering in the area now.
The original design called for the shadow to show up only if the user is cutting a tile or dragging, however that is complicated implementation-wise. For speed and encouraging a dogfooding pattern we're going ahead with this behaviour instead.
2020-06-25 10:08:44 -06:00
Travis Ralston
dd9112a01a
Decrease margin between new sublists
...
This is an attempt to increase density without adjusting the tiles directly.
2020-06-23 11:44:40 -06:00
Travis Ralston
cf92fc37d4
Fix layout of minimized view for new room list
2020-06-22 12:51:53 -06:00
Travis Ralston
58671f014b
Merge pull request #4765 from matrix-org/travis/room-list/show-less
...
Add a 'show less' button to the new room list
2020-06-17 10:24:50 -06:00
Travis Ralston
d2831ffb0c
Merge pull request #4758 from matrix-org/travis/room-list/sticky
...
Sticky and collapsing headers for new room list
2020-06-17 08:28:38 -06:00
Travis Ralston
63447413ca
Replace class block with reference to class
2020-06-17 08:28:22 -06:00
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
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
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
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
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
Travis Ralston
6c31bf1a61
Fix layout when resizing the list width
2020-06-10 15:15:58 -06:00