J. Ryan Stinnett
af49639bd8
Merge pull request #5065 from matrix-org/travis/echo/audit
...
Add local echo for notifications in the new room list
2020-07-31 12:20:20 +01:00
Travis Ralston
5b15d12865
Ensure list visibility changes get counted as list changes
...
Fixes https://github.com/vector-im/riot-web/issues/14799
We were checking to see if the tags were visible at render time, but we needed to ensure that they were(n't) included when checking for diffs. This introduces a new kind of object cloning for semantic reasons.
This also fixes the selection indicator being a bit off on custom tags.
2020-07-30 14:18:54 -06:00
Travis Ralston
e3765ea8c5
Appease the linters
2020-07-29 20:47:32 -06:00
Travis Ralston
14757cacd5
Introduce a concept of "non-urgent" toasts
...
This is somewhat expected to be temporary.
2020-07-29 12:43:35 -06:00
Jorik Schellekens
4f55ef685d
Merge pull request #4989 from matrix-org/joriks/resize-handlebars-2.0
...
Fix handlebar interaction
2020-07-28 14:30:00 +01:00
Jorik Schellekens
9cd232617d
Unify composer and room header icons
2020-07-28 13:19:11 +01:00
Jorik Schellekens
1d6c2b786e
File panel spacing and corner rounding
2020-07-27 16:21:41 +01:00
Jorik Schellekens
84e3a0954c
Fix handle left align
2020-07-27 15:04:09 +01:00
Travis Ralston
80687e358f
Obliterate some flexboxes in the room list
...
We don't need columns of divs to equally size themselves, so use easier layout techniques to make the list fit in the container. We have to take a hit with `height:100%`, but the hit is much more insignificant than confusing the layout engine.
The layout engine has a hard time with dynamically-but-statically-sized stuff like `width: 100%; display: flex;`, particularly when it is nested so badly. Overall this should improve performance for the app by not having to re-paint so often.
Fixes https://github.com/vector-im/riot-web/issues/14639
2020-07-22 16:34:33 -06:00
Travis Ralston
a0b2859436
Support custom tags in the room list again
...
Fixes https://github.com/vector-im/riot-web/issues/14091
Design needs work, however this is behind labs anyways. This re-implements the behaviour of the old room list.
The implementation ended up being a lot easier due to early confusion with what the TagOrderStore and TagPanel take care of. Turns out they don't deal with tags, but groups. As such, we don't need to do anything with filtering (though we keep some sanity checks in place for safety), and just have to wire up the CustomRoomTagPanel and CustomRoomTagStore.
2020-07-20 16:51:16 -06:00
Travis Ralston
1cecabb0b3
Replace $roomtile-name-color with $muted-fg-color (equivalent)
2020-07-17 16:03:26 -06:00
Travis Ralston
a30da8dcdb
Rename RoomList2 SCSS variables
2020-07-17 15:59:35 -06:00
Travis Ralston
2441cbc9ac
LeftPanel2 -> LeftPanel
2020-07-17 15:22:18 -06:00
Travis Ralston
3c047cecfd
Remove core structures for the old room list
2020-07-17 14:17:11 -06:00
Jorik Schellekens
173ccbcec9
Fix handles
2020-07-16 16:21:38 +01:00
Michael Telatynski
5e6f8b20bc
Visual WIP
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 16:16:41 +01:00
Jorik Schellekens
d794e17d4d
Fix handlebar interaction
2020-07-16 16:16:41 +01:00
Michael Telatynski
a704eefdd5
Merge branches 'develop' and 't3chguy/nad/rampage' of github.com:matrix-org/matrix-react-sdk into t3chguy/nad/rampage
...
Conflicts:
src/components/views/elements/AccessibleTooltipButton.tsx
2020-07-16 15:47:12 +01:00
J. Ryan Stinnett
9b13ef1446
Revert "Merge branch 'joriks/horizontal-resize-bars' into 'element'"
...
This reverts commit eb0cb5c279
.
2020-07-16 15:31:41 +01:00
Michael Telatynski
a2b5e5a6a1
Fix top right header button layout and hover consistency
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 14:38:46 +01:00
Jorik Schellekens
eb0cb5c279
Revert "Revert "Merge branch 'joriks/horizontal-resize-bars' into 'element'""
...
This reverts commit 8cde611653
.
2020-07-15 04:52:34 -06:00
Jorik Schellekens
8cde611653
Revert "Merge branch 'joriks/horizontal-resize-bars' into 'element'"
...
This reverts commit 2a4c09880c
.
2020-07-14 18:45:01 -06:00
Jorik Schellekens
1f94986c88
add horizontal handlebars
2020-07-15 00:20:39 +01:00
Bruno Windels
936f24eb15
change look of right panel header buttons
2020-07-14 21:09:18 +02:00
Bruno Windels
38549ecf4c
change accent color
2020-07-14 20:36:27 +02:00
Travis Ralston
a5c8485e23
Minor padding fixes to communities
2020-07-14 10:16:00 -06:00
Travis Ralston
d7e8dbbab5
Remove extraneous scrollbar on TagPanel when few communities are shown
2020-07-14 09:08:07 -06:00
Michael Telatynski
d4e397cbd0
Switch to svg masks for the e2eicon and border it for the EntityTile avatars
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-14 00:52:03 +01:00
Michael Telatynski
a1ff00a7a8
Fix scrollbar occlusion in the right panel
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 22:13:29 +01:00
Michael Telatynski
b45adda676
Merge branch 'nadonomy/ui-tweaks-part-deux' of https://gitlab.matrix.org/new-vector/element/element-web/matrix-react-sdk into nadonomy/ui-tweaks-part-deux
2020-07-13 21:56:52 +01:00
Michael Telatynski
93e1ba4699
Change border radius of context menus and dialog from 4px to 8px
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 21:56:48 +01:00
Nad Chishtie
d136d02f5e
Stylise right panel as card
2020-07-13 21:52:31 +01:00
Nad Chishtie
fafbd25f6b
Tweak padding & weight
2020-07-13 20:57:24 +01:00
Nad Chishtie
a3b1c93149
Tweak padding
2020-07-13 20:50:26 +01:00
Nad Chishtie
87a8dc4ff0
Improve spacing
2020-07-13 20:41:18 +01:00
Nad Chishtie
b28bb34cb7
Small tweaks to padding and sizing
2020-07-13 20:13:20 +01:00
J. Ryan Stinnett
995a7879a1
Merge remote-tracking branch 'origin/develop' into element
2020-07-13 18:49:55 +01:00
Bruno Windels
ec65083c61
polish user menu button
2020-07-13 18:24:28 +02:00
Bruno Windels
19ebf3beec
make overscroll gradients smaller so they pop less when appearing
2020-07-13 18:24:28 +02:00
Bruno Windels
b19afe4d46
reduce distance between tiles to 12px, so we can align things in LP with
2020-07-13 18:24:28 +02:00
Bruno Windels
965856aa55
align breadcrumbs with community avatar grid
2020-07-13 18:24:28 +02:00
Bruno Windels
375f6fa4d8
make search field 32px high, just like avatars
2020-07-13 18:24:28 +02:00
Bruno Windels
02b27086da
swap search field and breadcrumbs
2020-07-13 18:24:28 +02:00
David Baker
503159c1c8
Merge branch 'dbkr/in-app-rebrand-prompt' into 'element'
...
Add in-app rebranding toasts & prompts
See merge request new-vector/element/element-web/matrix-react-sdk!1
2020-07-10 17:09:17 +00:00
Bruno Windels
a2cb6f375a
fix padding upon Nads request
2020-07-10 19:06:48 +02:00
Bruno Windels
952200f031
Merge branch 'develop' into element
2020-07-10 19:04:45 +02:00
Travis Ralston
bf0a503e44
[WITH CONFLICTS] Merge branch 'develop' into travis/room-list/enable
2020-07-10 10:18:12 -06:00
Travis Ralston
976f7381ab
Merge remote-tracking branch 'origin/joriks/room-list-fix-search-padding' into develop
2020-07-10 08:53:30 -06:00
Travis Ralston
2bf2a08e7a
Mark safari hacks
2020-07-10 08:52:46 -06:00
Travis Ralston
37a8b68539
Merge remote-tracking branch 'origin/joriks/room-list-safari-fix' into develop
2020-07-10 08:51:31 -06:00
David Baker
8701e9293e
Add in-app rebranding toasts & prompts
...
Either shows an informational dialog telling you the name has changed,
or a more naggy one if the user needs to log in on a different URL.
The new URL (if any) is hardcoded based on the current URL, and also
with a bonus config param in case other deployments need to do similar.
2020-07-10 15:32:34 +01:00
Bruno Windels
42e101340e
Merge pull request #4942 from matrix-org/joriks/room-list-breadcrumbs-scroll-fade
...
Scroll fade for breadcrumbs
2020-07-10 10:37:55 +00:00
Bruno Windels
6dc7a5631b
make tag panel less wide
2020-07-10 12:27:48 +02:00
Travis Ralston
75dbd5f1d4
Merge branch 'develop' into travis/room-list/enable
2020-07-09 22:28:16 -06:00
Jorik Schellekens
e4366632cf
Fix search padding
2020-07-10 02:54:11 +01:00
Jorik Schellekens
edb556f22e
Stop safari from agressivly shrinking
2020-07-10 02:15:46 +01:00
Jorik Schellekens
e2539f11cd
Scroll fade for breadcrumbs
2020-07-09 19:24:02 +01:00
Bruno Windels
d90fc57469
Merge branch 'develop' into element
2020-07-09 17:59:56 +02: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
571bd30898
update call icons
2020-07-08 18:02:30 +02:00
Bruno Windels
7dad56ca86
Merge branch 'develop' into element
2020-07-08 15:50:17 +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
Travis Ralston
a59a8b76a9
Update TODO comments to point to new issue
2020-07-07 14:51:43 -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
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
Bruno Windels
bec10b79da
apply some of the new icons
2020-07-03 18:03:47 +02:00
Travis Ralston
43db4b98df
Merge branch 'develop' into joriks/room-list-breadcrumbs
2020-07-02 13:22:51 -06:00
Jorik Schellekens
dcd51b5be3
Implement breadcrumb notifications and scrolling
2020-06-30 23:24:46 +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
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
3abc9d8d56
Merge branch 'develop' into travis/room-list/tag-panel
2020-06-26 07:26:57 -06:00
Travis Ralston
7ce3cc1db7
Allow the tag panel to be disabled in the new room list
...
Fixes https://github.com/vector-im/riot-web/issues/14156
2020-06-25 20:35:40 -06:00
Travis Ralston
411271422c
Make the whole UserMenu a button to open the menu
2020-06-25 19:54:17 -06:00
Travis Ralston
bcfdd4d984
Move all of the UserMenu into the UserMenu component
2020-06-25 19:38:11 -06:00
Travis Ralston
dafce40d1b
Rename UserMenuButton to UserMenu for new scope
2020-06-25 19:29:12 -06:00
Travis Ralston
7b79dd6be1
Make the sign out button red
2020-06-25 15:13:28 -06:00
Travis Ralston
9f5a716cc5
Adjust padding and margins on user menu
2020-06-25 15:11:04 -06:00
Travis Ralston
2b58875c7f
Fix alignment issues with the user menu objects
2020-06-25 15:07:38 -06:00
Travis Ralston
291914492f
Fix icons in the new user menu not showing up
2020-06-24 19:20:43 -06:00
Travis Ralston
906b72082e
Merge pull request #4819 from matrix-org/travis/room-list/icon-masks
...
Use theme-capable icons in the user menu
2020-06-24 10:34:29 -06:00
Travis Ralston
256636ccf8
Use display:block over absolute positioning
2020-06-24 07:04:19 -06:00
Travis Ralston
5c7e59b132
Use theme-capable icons in the user menu
...
They're still inconsistent weights, but at least they are the right color on non-light-theme clients.
2020-06-23 21:17:39 -06:00
Travis Ralston
380aed4244
Update profile information in User Menu
...
Fixes https://github.com/vector-im/riot-web/issues/14158 (we needed an HTTP avatar URL)
Fixes https://github.com/vector-im/riot-web/issues/14159
Fixes https://github.com/vector-im/riot-web/issues/14157
Also fixes an issue where it wasn't updating automatically when the user changed their profile info.
This is all achieved through a new OwnProfileStore which does the heavy lifting, as we have to keep at least 2 components updated.
2020-06-23 21:01:50 -06:00
David Baker
e0a34d9dea
Revert "Use recovery keys over passphrases"
2020-06-18 09:35:11 +01:00
Travis Ralston
8596905cee
Merge branch 'develop' into travis/room-list/sticky
2020-06-15 06:54:27 -06: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
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
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
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
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
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
9377fa513f
Merge branch 'develop' into travis/room-list/breadcrumbs
2020-06-09 08:11:08 -06: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
bcc455b248
Merge branch 'develop' into travis/room-list/breadcrumbs
2020-06-08 18:11:42 -06:00