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
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
de4c2fe3d9
Use real buttons in user menu
2020-06-08 11:06:21 -06:00
Travis Ralston
50673496c3
Add hosting link
2020-06-08 09:32:16 -06: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
1d8833e9f8
Selected state, cleanup, and profile display
2020-06-05 14:08:20 -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
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
dc01607ad9
Merge branch 'develop' into travis/split-left-panel
2020-06-04 15:09:51 -06:00
Aaron Raimist
3b5de137c4
Center HeaderButtons
...
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2020-06-03 17:23:23 -05:00
Aaron Raimist
92c28f089c
Add max-width to right and left panels
...
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2020-06-03 14:56:48 -05:00
David Baker
338b88fe43
Remove unused CSS rule
2020-06-03 09:34:45 +01:00
Travis Ralston
6d96d66c03
Split the left panel into new and old for new room list designs
...
Though we consider the "room list" to mean the RoomList component specifically, the room list is actually the entire left panel as far as the user is concerned.
The new proposed designs for the room list modify the whole left panel, so we had might as well break it into new and old now instead of later. This "new" left panel is a bare-bones implementation and meant to only provide the absolute basic feature set to function for those who enable the experimental room list, for whatever reason. This is not intended to be a final implementation, or even remotely close to what it could be. An example of this is the lack of breadcrumbs. Given they are likely to change, they are excluded from this temporary skeleton completely.
This also includes a purple/pink bar between the tag panel and left panel. This is so we can, if needed, differentiate between people who made the mistake of turning on the experimental room list while the overall aesthetic makes it indistinguishable. Once the designs are moderately approved, we can (and definitely should) remove the hideous indicator.
2020-06-02 19:26:07 -06:00
David Baker
b83ecb1781
Merge remote-tracking branch 'origin/develop' into dbkr/recovery_keys_over_passphrases
2020-06-02 18:53:54 +01:00
David Baker
5624cf5ceb
Add option to reset keys to the encryption setup screen
2020-06-02 17:55:27 +01:00
David Baker
e06ba2003b
Prompt for recovery key on login rather than passphrase
...
Only show passphrase options at all if the user has a passphrase on
their SSSS key.
2020-06-02 16:32:15 +01:00
Jorik Schellekens
419857c29c
Merge pull request #4647 from JorikSchellekens/joriks/fix-filepanel-regression
...
Fix FilePanel and NotificationsPanel regression
2020-05-31 21:17:14 +01:00
Michael Telatynski
efd0da44a1
Give contextual feedback for manual update check instead of banner
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-29 18:24:45 +01:00
Jorik Schellekens
fcbd197e7d
Fix file list regression
2020-05-26 15:56:16 +01:00
Michael Telatynski
c00fd326c5
Merge pull request #4613 from matrix-org/t3chguy/toasts1
...
Improve style of toasts to match Figma
2020-05-26 11:59:58 +01:00
Michael Telatynski
1dfd62c142
iterate alignment
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 17:47:35 +01:00
Michael Telatynski
6a0ffe905f
Iterate text alignment
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 17:12:16 +01:00
Michael Telatynski
5995a27ced
Iterate paddings
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 16:52:36 +01:00
Michael Telatynski
7e7c48e046
Improve style of toasts to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 16:32:19 +01:00
Jorik Schellekens
03e090f4e6
fix chevron
2020-05-13 22:55:14 +01:00
Jorik Schellekens
fc6e5227ac
FIx roomsublist heights.
...
- also fiddles the font size numbers
2020-05-13 22:24:22 +01:00
Jorik Schellekens
33a5b5142d
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider
2020-05-07 18:01:20 +01:00
David Baker
34d6eb591f
Put overflows back
2020-04-29 17:38:32 +01:00
David Baker
13d0e26ec4
Reduce maximum width of toasts & allow multiple lines
2020-04-29 17:28:45 +01:00
Jorik Schellekens
41fd9ee015
FIx unread count
2020-04-27 11:51:56 +01:00
Jorik Schellekens
352ae555f8
Fix community line height
2020-04-27 11:51:55 +01:00
Jorik Schellekens
969f0e9e0d
Commuity seleciton bar vertical alignment scale fix
2020-04-27 11:51:55 +01:00
Jorik Schellekens
9a585fee0a
Move slider themes
2020-04-23 10:45:48 +01:00
Jorik Schellekens
abd94a65bd
Move compoenets/FontSlider to views/Slider
2020-04-23 10:45:47 +01:00
Jorik Schellekens
dd841fcde9
Remove references to font
2020-04-23 10:45:47 +01:00
Jorik Schellekens
787e408016
Explain origin of magic number
...
Co-Authored-By: Travis Ralston <travpc@gmail.com>
2020-04-23 10:45:47 +01:00
Jorik Schellekens
af3858fa98
Style linting
2020-04-23 10:45:47 +01:00
Jorik Schellekens
df73f12320
Make a font slider
2020-04-23 10:45:47 +01:00
Jorik Schellekens
7a0caafb77
FIx unread count
2020-04-23 10:45:47 +01:00
Jorik Schellekens
c2a2908746
Fix community line height
2020-04-23 10:45:47 +01:00
Jorik Schellekens
e49c041df7
Commuity seleciton bar vertical alignment scale fix
2020-04-23 10:45:47 +01:00
Michael Telatynski
80b8120bc3
Update login security copy and design to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-22 22:32:02 +01:00
Michael Telatynski
ac26719b69
disable password reset button when spinning
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-15 14:07:37 +01:00
Bruno Windels
db09cadb66
remove spinner, change copy, add button placeholder
2020-04-14 17:19:15 +02:00
Michael Telatynski
3e4e7953ed
word-break: break-word;
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 13:40:25 +01:00
Michael Telatynski
b5e6f8b8c1
Iterate PR
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 13:34:10 +01:00
Michael Telatynski
faab35738f
Add new default home page fallback
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 10:48:56 +01:00
Jorik Schellekens
3ed457ea7d
Merge pull request #4305 from JorikSchellekens/joriks/font-scaling
...
Make all 'font-size's and 'line-height's rem
2020-04-02 17:40:39 +01:00
Jorik Schellekens
6cf9166c4a
Use variables for the rem values.
...
It's become obvious that these random floating points everywhere
are unwieldy. Now they're all in one place with some fairly logical
variable names which will help out in design->implementation phase.
2020-03-31 15:26:23 +01:00
Jorik Schellekens
da34e6241d
Make all 'font-size's and 'line-height's rem
...
Font size of the whole app would ideally be controlled by a single
value. This value is currently hard coded using the :root CSS selector.
It is the intention to make this value configurable within riot. In the
interim all font-sizes have been converted to rem by the simple process
of regex. Replacing px values with their equivalent rem values assuming
a font size of 15px and then rounded to three decimal places, which was
the base at the time of this transformation.
I'm expecting another commit cleaning up rem values but I thought it
best to leave that to review.
This commit doesn't address any scaling issues. I thought it better to
land this unwieldy, mechanical, invisible change before the others
otherwise the pr would be impossible to review thoroughly.
2020-03-30 18:23:46 +01:00
Travis Ralston
b5688ac2b6
Merge pull request #4254 from ThobyV/fix-css/_TagPanel.scss/mx_TagTile_context_button
...
Fix view community link icon contrast
2020-03-30 11:20:49 -06:00
Bruno Windels
eff9db4273
bring back global style rules for thin scrollbars (also FF now!)
2020-03-30 12:41:05 +02:00
Bruno Windels
aed85a2183
fix style lint
2020-03-26 11:17:35 +01:00
Bruno Windels
2186023e43
css adjustments because mx_AutoHideScrollBar_offset was removed
2020-03-26 11:17:35 +01:00
Bruno Windels
0436507574
use transparent scrollbars on not hover to emulate scrolbar on hover
...
allows us to get rid of the margin-right hack as well
2020-03-26 11:17:35 +01:00
thobyv-kismat
d0afd65652
fix view community link icon contrast
...
Signed-off-by: thobyv-kismat <vivee18@gmail.com>
2020-03-21 10:12:55 +01:00
Michael Telatynski
bea6787201
Fix left left panel betterer
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 11:39:00 +00:00
Michael Telatynski
b675523449
Fix custom tags causing left panel to over-expand
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 10:45:08 +00:00
Michael Telatynski
42ee157645
Merge pull request #4217 from matrix-org/t3chguy/gemini
...
Remove Gemini Scrollbars
2020-03-18 14:03:51 +00:00
Michael Telatynski
ef79492f2c
Merge pull request #4209 from matrix-org/t3chguy/redesign/room_directory
...
Room Directory Explore Servers redesign
2020-03-18 11:51:42 +00:00
Michael Telatynski
638629c2fa
fix MyGroups scrollbar
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 13:28:07 +00:00
Michael Telatynski
8fd3b96b72
fix styling/heights
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 11:53:19 +00:00
Michael Telatynski
44b0aa2d88
Remove remainders of gemini-scrollbar and react-gemini-scrollbar
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:31:45 +00:00