Commit Graph

1859 Commits (c26c79bda8718cc1805a521c4fb4e7ba6f79154c)

Author SHA1 Message Date
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 872103fb8a Fix e2e bade alignment 2020-06-11 11:44:11 +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
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