24a088e234
Iterate PR, tweak margins
2020-08-18 12:00:56 +01:00
e20b375433
Add filter results count and explore prompt
2020-08-17 18:20:00 +01:00
a4d11cc190
Change highlighting around the room list filter
2020-08-17 16:59:29 +01:00
4381bdfdbf
fix typo
2020-08-14 18:53:56 +01:00
4abbcd8c06
Fix styling for selected community marker
2020-08-13 15:24:21 +01:00
3e475bb69c
padding the timeline so that its scrollbar has its own space from the resize handle
2020-08-12 16:21:37 +01:00
0060acbb33
Merge pull request #5056 from matrix-org/joriks/style-fighting
...
Quick win session 24/07/2020
2020-08-12 15:21:06 +01:00
9e429ee669
Remove rebranding toast
...
It's time to remove the rebranding toast, as we believe people have had
sufficient warning now.
Fixes https://github.com/vector-im/element-web/issues/14931
2020-08-11 14:27:53 +01:00
4799f0ee43
Merge pull request #5085 from matrix-org/t3chguy/notifications11
...
Factor out Iconized Context menu for reusability
2020-08-08 11:41:28 +01:00
af825b4559
Fix room list scrolling in Safari
...
This sets `flex-basis` properly in Safari so the room list is scrollable.
Fixes https://github.com/vector-im/element-web/issues/14877
2020-08-05 14:32:02 +01:00
d126f5c1e6
tidy up IconizedContextMenu CSS
2020-08-04 21:42:45 +01:00
271eeeabee
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/style-fighting
2020-08-04 15:04:56 +01:00
ce226ab534
Replace Riot with Element in docs and comments
...
This only covers the simple cases of references to issues and repos. More
complex areas, such as deployment scripts, will be handled separately.
Part of https://github.com/vector-im/element-web/issues/14864
2020-08-03 18:33:36 +01:00
fba1158700
Merge pull request #5079 from matrix-org/bwindels/alert-file-panel-empty-state
...
Add title and icon to empty state of file and notification panel
2020-08-03 12:58:13 +00:00
5a3bda7eea
Add title and icon to empty state of file and notification panel
2020-08-03 13:30:56 +02:00
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
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
e3765ea8c5
Appease the linters
2020-07-29 20:47:32 -06:00
14757cacd5
Introduce a concept of "non-urgent" toasts
...
This is somewhat expected to be temporary.
2020-07-29 12:43:35 -06:00
4f55ef685d
Merge pull request #4989 from matrix-org/joriks/resize-handlebars-2.0
...
Fix handlebar interaction
2020-07-28 14:30:00 +01:00
9cd232617d
Unify composer and room header icons
2020-07-28 13:19:11 +01:00
1d6c2b786e
File panel spacing and corner rounding
2020-07-27 16:21:41 +01:00
84e3a0954c
Fix handle left align
2020-07-27 15:04:09 +01:00
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
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
1cecabb0b3
Replace $roomtile-name-color with $muted-fg-color (equivalent)
2020-07-17 16:03:26 -06:00
a30da8dcdb
Rename RoomList2 SCSS variables
2020-07-17 15:59:35 -06:00
2441cbc9ac
LeftPanel2 -> LeftPanel
2020-07-17 15:22:18 -06:00
3c047cecfd
Remove core structures for the old room list
2020-07-17 14:17:11 -06:00
173ccbcec9
Fix handles
2020-07-16 16:21:38 +01:00
5e6f8b20bc
Visual WIP
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 16:16:41 +01:00
d794e17d4d
Fix handlebar interaction
2020-07-16 16:16:41 +01:00
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
9b13ef1446
Revert "Merge branch 'joriks/horizontal-resize-bars' into 'element'"
...
This reverts commit eb0cb5c279
2020-07-16 15:31:41 +01:00
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
eb0cb5c279
Revert "Revert "Merge branch 'joriks/horizontal-resize-bars' into 'element'""
...
This reverts commit 8cde611653
2020-07-15 04:52:34 -06:00
8cde611653
Revert "Merge branch 'joriks/horizontal-resize-bars' into 'element'"
...
This reverts commit 2a4c09880c
2020-07-14 18:45:01 -06:00
1f94986c88
add horizontal handlebars
2020-07-15 00:20:39 +01:00
936f24eb15
change look of right panel header buttons
2020-07-14 21:09:18 +02:00
38549ecf4c
change accent color
2020-07-14 20:36:27 +02:00
a5c8485e23
Minor padding fixes to communities
2020-07-14 10:16:00 -06:00
d7e8dbbab5
Remove extraneous scrollbar on TagPanel when few communities are shown
2020-07-14 09:08:07 -06:00
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
a1ff00a7a8
Fix scrollbar occlusion in the right panel
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 22:13:29 +01:00
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
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
d136d02f5e
Stylise right panel as card
2020-07-13 21:52:31 +01:00
fafbd25f6b
Tweak padding & weight
2020-07-13 20:57:24 +01:00
a3b1c93149
Tweak padding
2020-07-13 20:50:26 +01:00
87a8dc4ff0
Improve spacing
2020-07-13 20:41:18 +01:00
b28bb34cb7
Small tweaks to padding and sizing
2020-07-13 20:13:20 +01:00
995a7879a1
Merge remote-tracking branch 'origin/develop' into element
2020-07-13 18:49:55 +01:00
ec65083c61
polish user menu button
2020-07-13 18:24:28 +02:00
19ebf3beec
make overscroll gradients smaller so they pop less when appearing
2020-07-13 18:24:28 +02:00
b19afe4d46
reduce distance between tiles to 12px, so we can align things in LP with
2020-07-13 18:24:28 +02:00
965856aa55
align breadcrumbs with community avatar grid
2020-07-13 18:24:28 +02:00
375f6fa4d8
make search field 32px high, just like avatars
2020-07-13 18:24:28 +02:00
02b27086da
swap search field and breadcrumbs
2020-07-13 18:24:28 +02:00
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
a2cb6f375a
fix padding upon Nads request
2020-07-10 19:06:48 +02:00
952200f031
Merge branch 'develop' into element
2020-07-10 19:04:45 +02:00
bf0a503e44
[WITH CONFLICTS] Merge branch 'develop' into travis/room-list/enable
2020-07-10 10:18:12 -06:00
976f7381ab
Merge remote-tracking branch 'origin/joriks/room-list-fix-search-padding' into develop
2020-07-10 08:53:30 -06:00
2bf2a08e7a
Mark safari hacks
2020-07-10 08:52:46 -06:00
37a8b68539
Merge remote-tracking branch 'origin/joriks/room-list-safari-fix' into develop
2020-07-10 08:51:31 -06:00
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
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
6dc7a5631b
make tag panel less wide
2020-07-10 12:27:48 +02:00
75dbd5f1d4
Merge branch 'develop' into travis/room-list/enable
2020-07-09 22:28:16 -06:00
e4366632cf
Fix search padding
2020-07-10 02:54:11 +01:00
edb556f22e
Stop safari from agressivly shrinking
2020-07-10 02:15:46 +01:00
e2539f11cd
Scroll fade for breadcrumbs
2020-07-09 19:24:02 +01:00
d90fc57469
Merge branch 'develop' into element
2020-07-09 17:59:56 +02:00
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
571bd30898
update call icons
2020-07-08 18:02:30 +02:00
7dad56ca86
Merge branch 'develop' into element
2020-07-08 15:50:17 +02:00
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
75751abc60
add wrapper we can then add padding to when sticking headers
2020-07-08 14:49:04 +02:00
a59a8b76a9
Update TODO comments to point to new issue
2020-07-07 14:51:43 -06:00
8fd9dbf1d8
moar icon changes
2020-07-06 18:28:54 +02:00
3e5664de7b
update user menu icons
2020-07-06 16:12:36 +02:00
08c44333cf
Update develop
2020-07-06 09:29:23 +02:00
83cfdd9c07
Fix accessibility of the Explore button
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-05 01:30:22 +01:00
bec10b79da
apply some of the new icons
2020-07-03 18:03:47 +02:00
43db4b98df
Merge branch 'develop' into joriks/room-list-breadcrumbs
2020-07-02 13:22:51 -06:00
dcd51b5be3
Implement breadcrumb notifications and scrolling
2020-06-30 23:24:46 +01:00
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
6fc4be386a
add blurred, blended avatar background to left panel
2020-06-30 13:28:19 +02:00
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
3abc9d8d56
Merge branch 'develop' into travis/room-list/tag-panel
2020-06-26 07:26:57 -06:00
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
411271422c
Make the whole UserMenu a button to open the menu
2020-06-25 19:54:17 -06:00
bcfdd4d984
Move all of the UserMenu into the UserMenu component
2020-06-25 19:38:11 -06:00
dafce40d1b
Rename UserMenuButton to UserMenu for new scope
2020-06-25 19:29:12 -06:00
7b79dd6be1
Make the sign out button red
2020-06-25 15:13:28 -06:00
9f5a716cc5
Adjust padding and margins on user menu
2020-06-25 15:11:04 -06:00
2b58875c7f
Fix alignment issues with the user menu objects
2020-06-25 15:07:38 -06:00
291914492f
Fix icons in the new user menu not showing up
2020-06-24 19:20:43 -06:00
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
256636ccf8
Use display:block over absolute positioning
2020-06-24 07:04:19 -06:00
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
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
e0a34d9dea
Revert "Use recovery keys over passphrases"
2020-06-18 09:35:11 +01:00
8596905cee
Merge branch 'develop' into travis/room-list/sticky
2020-06-15 06:54:27 -06:00
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
1bbf2e053b
Initial attempt at sticky headers
...
Docs enclosed in diff.
2020-06-13 11:55:11 -06:00
f9a4151a6e
Add rudimentary dark theme support
2020-06-12 13:52:54 -06:00
510f98b8b0
Bump width of user menu to account for 16px overlap
2020-06-12 10:29:42 -06:00
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
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
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
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
9377fa513f
Merge branch 'develop' into travis/room-list/breadcrumbs
2020-06-09 08:11:08 -06:00
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
bcc455b248
Merge branch 'develop' into travis/room-list/breadcrumbs
2020-06-08 18:11:42 -06:00
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
de4c2fe3d9
Use real buttons in user menu
2020-06-08 11:06:21 -06:00
50673496c3
Add hosting link
2020-06-08 09:32:16 -06:00
8b6b117fbf
Appease the linter
2020-06-07 22:15:54 -06:00
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
1d8833e9f8
Selected state, cleanup, and profile display
2020-06-05 14:08:20 -06:00
b82a893a79
Merge remote-tracking branch 'origin/develop' into dbkr/recovery_keys_over_passphrases
2020-06-05 16:00:43 +01:00
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
dc01607ad9
Merge branch 'develop' into travis/split-left-panel
2020-06-04 15:09:51 -06:00
3b5de137c4
Center HeaderButtons
...
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2020-06-03 17:23:23 -05:00
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
338b88fe43
Remove unused CSS rule
2020-06-03 09:34:45 +01:00
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
b83ecb1781
Merge remote-tracking branch 'origin/develop' into dbkr/recovery_keys_over_passphrases
2020-06-02 18:53:54 +01:00
5624cf5ceb
Add option to reset keys to the encryption setup screen
2020-06-02 17:55:27 +01:00
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
419857c29c
Merge pull request #4647 from JorikSchellekens/joriks/fix-filepanel-regression
...
Fix FilePanel and NotificationsPanel regression
2020-05-31 21:17:14 +01:00
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
fcbd197e7d
Fix file list regression
2020-05-26 15:56:16 +01:00
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
1dfd62c142
iterate alignment
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 17:47:35 +01:00
6a0ffe905f
Iterate text alignment
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 17:12:16 +01:00
5995a27ced
Iterate paddings
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 16:52:36 +01:00
7e7c48e046
Improve style of toasts to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-21 16:32:19 +01:00
03e090f4e6
fix chevron
2020-05-13 22:55:14 +01:00
fc6e5227ac
FIx roomsublist heights.
...
- also fiddles the font size numbers
2020-05-13 22:24:22 +01:00
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
34d6eb591f
Put overflows back
2020-04-29 17:38:32 +01:00
13d0e26ec4
Reduce maximum width of toasts & allow multiple lines
2020-04-29 17:28:45 +01:00
41fd9ee015
FIx unread count
2020-04-27 11:51:56 +01:00
352ae555f8
Fix community line height
2020-04-27 11:51:55 +01:00
969f0e9e0d
Commuity seleciton bar vertical alignment scale fix
2020-04-27 11:51:55 +01:00
9a585fee0a
Move slider themes
2020-04-23 10:45:48 +01:00
abd94a65bd
Move compoenets/FontSlider to views/Slider
2020-04-23 10:45:47 +01:00
dd841fcde9
Remove references to font
2020-04-23 10:45:47 +01:00
787e408016
Explain origin of magic number
...
Co-Authored-By: Travis Ralston <travpc@gmail.com>
2020-04-23 10:45:47 +01:00
af3858fa98
Style linting
2020-04-23 10:45:47 +01:00
df73f12320
Make a font slider
2020-04-23 10:45:47 +01:00
7a0caafb77
FIx unread count
2020-04-23 10:45:47 +01:00
c2a2908746
Fix community line height
2020-04-23 10:45:47 +01:00
e49c041df7
Commuity seleciton bar vertical alignment scale fix
2020-04-23 10:45:47 +01:00
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
ac26719b69
disable password reset button when spinning
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-15 14:07:37 +01:00
db09cadb66
remove spinner, change copy, add button placeholder
2020-04-14 17:19:15 +02:00
3e4e7953ed
word-break: break-word;
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 13:40:25 +01:00
b5e6f8b8c1
Iterate PR
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 13:34:10 +01:00
faab35738f
Add new default home page fallback
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-07 10:48:56 +01:00
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
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
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
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
eff9db4273
bring back global style rules for thin scrollbars (also FF now!)
2020-03-30 12:41:05 +02:00
aed85a2183
fix style lint
2020-03-26 11:17:35 +01:00
2186023e43
css adjustments because mx_AutoHideScrollBar_offset was removed
2020-03-26 11:17:35 +01:00
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
d0afd65652
fix view community link icon contrast
...
Signed-off-by: thobyv-kismat <vivee18@gmail.com>
2020-03-21 10:12:55 +01:00
bea6787201
Fix left left panel betterer
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-19 11:39:00 +00:00
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
42ee157645
Merge pull request #4217 from matrix-org/t3chguy/gemini
...
Remove Gemini Scrollbars
2020-03-18 14:03:51 +00:00
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
638629c2fa
fix MyGroups scrollbar
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 13:28:07 +00:00
8fd3b96b72
fix styling/heights
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 11:53:19 +00:00
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
8dfc15a328
Migrate TagPanel away from Gemini
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:23:12 +00:00
43f0013dda
Migrate GroupView away from Gemini
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-17 10:09:47 +00:00
6c4b572c7e
Wait for verification request on login
...
Basically just changes to the designed screen to wait for an incoming
verification request in order to verify the device & cross-sign it.
Fixes https://github.com/vector-im/riot-web/issues/11215
Fixes https://github.com/vector-im/riot-web/issues/11217
2020-03-16 17:47:56 +00:00
30d971b819
migrate MyGroups away from Gemini
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 23:36:52 +00:00
9237cf9566
update font sizes
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 14:19:38 +00:00
642dd08ca2
remove erroneous margin
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 00:16:11 +00:00
86e53ea2c3
Initial attempt to redesign explore servers in room directory
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-13 00:02:50 +00:00
5c582037ce
Tweak padding to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-10 23:11:48 +00:00
c50bd8d30e
Merge pull request #4007 from hellcp/patch-1
...
Add a class for styling room directory permissions
2020-02-04 16:30:10 +00:00
29024c5172
Truncate SAS emoji labels to fit
...
This keeps the layout of the emoji fixed as much as possible.
Other changes:
* Fix width of each emoji container to static 52px
* Bump minimum width of right panel from 250px to 264px to match the
width in the figma
* Use normal font-weight for labels as per design
* Smaller vertical gap between emojis, again to match design
2020-01-31 15:28:58 +00:00
bf9f473ed9
Add a class for styling room directory permissions
...
Fixes vector-im/riot-web#11174
2020-01-31 00:09:08 +01:00
f12fe984e5
Change new session toast to unverified
...
This also changes text to show the device ID and name in the toast.
Fixes https://github.com/vector-im/riot-web/issues/11916
2020-01-29 15:00:04 +00:00
89f110f60a
Add separate component for post-auth security flows
...
Instead of twisting `AuthBody`, this adds a new component for the different
styling of post-auth security flows. This also makes them fixed width and
adjusts padding to match designs.
2020-01-27 22:28:07 +00:00
33b5d42c06
Be consistent about our settings svg, free the other one
2020-01-22 15:34:17 +00:00
790d2c1472
Fix toast icon to prevent clipping
...
This fixes the bottom and right edges of the toast icon, which were getting
clipped away.
Fixes https://github.com/vector-im/riot-web/issues/11915
2020-01-21 15:30:03 +00:00
9e43abaf3a
Toasts for new, unverified sessions
...
Fixes https://github.com/vector-im/riot-web/issues/11218
2020-01-17 11:43:35 +00:00
27ee90cad5
Add post-login complete security flow
...
This adds a step after login to complete security for your new session. At the
moment, the only verification method is entering your SSSS passphrase, but nicer
paths will be added soon.
This new step only appears when crypto is available and the account has
cross-signing enabled in SSSS.
Fixes https://github.com/vector-im/riot-web/issues/11214
2020-01-15 21:53:36 +00:00
84eb72b0e0
fix alignment
2019-12-23 11:38:52 +00:00
afcbb218fa
match padding on CustomRoomTagPanel and fix colour of Communities btn
2019-12-23 11:31:30 +00:00
d9ea9b4ad3
Iterate to match design on Zeplin
2019-12-19 20:53:34 +00:00
b2249d0561
Initial rejig
2019-12-19 20:09:05 +00:00
1c31fd3413
Apply new design to highlighted tags and add toggle mechanic
2019-12-19 16:54:30 +00:00
a2e3f64963
Change read markers to use CSS transitions
...
Removes one of the two places we use Velocity, so we're one step
closer to getting rid of it for good.
Should therefore fix the fact that Velocity is leaking data entries
and therefore <hr> elements.
Hopefully also makes the logic in getEventTiles incrementally simpler,
if still somwewhat byzantine.
2019-11-26 19:06:02 +00:00
8ce1ed4726
moar lint
2019-11-22 16:36:22 +01:00
309633181d
use FormButton in verification request tile too and dedupe styles
2019-11-22 16:32:50 +01:00
e86d2b616e
add ToastContainer
2019-11-22 16:04:51 +01:00
2a5dc9bfac
Remove lint comments about no-descending-specificity
...
We have disabled the `no-descending-specificity` stylelint rule, so we no longer
need these block comments.
2019-11-08 16:35:42 +00:00
c00974d22d
Now that part of spacing is padding, make it smaller when collapsed
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-11-07 10:16:57 +00:00
d14c0c342d
Merge pull request #3594 from matrix-org/bwindels/fixfilenotifpanel
...
Fix: file and notifications panel back-paginating forever.
2019-11-06 10:52:15 +00:00
eb4220a836
scroll panels should be in flex container so they don't grow w/ content
2019-11-06 10:34:22 +01:00
99c8a909b3
Fix focus-within on EventTile and more showing onClick
2019-11-04 16:47:20 +00:00
10a63ada48
Fix SVG mask-image usage in a bunch of places for correct outlining
2019-11-01 14:46:30 +00:00
ebc5628782
fix typo
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-22 11:30:47 +01:00
2a3655e9b8
Focus highlight room sublist label, catch right arrow and simplify code
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-22 11:10:25 +01:00
f09a3b4281
Fix outline on RoomSubList badges
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-17 16:21:33 +01:00
15b7a5af31
fix contrast issue
...
when badges with and without highlighted state have a very
different brightness (as they might do in dark mode), hardcoding
the fg color of a badge independent of it's highlighted state
to $accent-fg-color doesn't work well, so add an extra SASS
variable we can reassign to something more specific in the custom theme
2019-10-01 16:58:14 +02:00
6f3f0f0a3c
Merge pull request #3430 from matrix-org/bwindels/roomdirectorybuttonwrap
...
Dont wrap text in room directory buttons
2019-09-12 16:56:45 +01:00
2bed264b0d
dont wrap text in room directory buttons
2019-09-12 15:59:15 +02:00
95060d4e95
reduce vertical padding around explore/filter
2019-09-12 11:27:20 +02:00
4ae4e68967
make explore button and filter field equal width
2019-09-12 11:11:32 +02:00
24c4a16da1
adapt design of room list in directory
2019-09-11 16:23:59 +02:00
6f62cdb22c
basic styling to make it look ok before applying new design
2019-09-11 15:45:51 +02:00
fdadc615f7
make explore button white on hover
2019-09-10 11:11:08 +02:00
1c4093eb0f
make filter feed transparent when not focussed
2019-09-10 11:11:08 +02:00
da98080859
hide explore button when focusing filter field
2019-09-10 10:57:25 +02:00
80dd5a1b0a
add explore button next to filter field
2019-09-10 10:55:55 +02:00
a3eb45e0b9
Fix waste of space of collapsed left panel
...
Signed-off-by: Anton Zuenko <anton@zuenko.ru>
2019-08-05 18:03:20 +02:00
7fc1288614
Fix login type selector border
...
This fixes a regression in the login type selector's border and placement.
Fixes https://github.com/vector-im/riot-web/issues/10223
2019-07-02 15:09:51 +01:00
7e8eda33fc
Flexboxify generic error page
2019-06-27 12:10:58 -06:00
15d286ed93
Merge pull request #3144 from matrix-org/bwindels/edit-history
...
Edit history dialog
2019-06-26 14:38:53 +00:00
92c2a119c9
Remove top margin of community panel container
...
This is a simpler fix for the scrollbar problem than changing the definition
for height, which was my previous attempt at solving this problem.
Additionally, the top and bottom margins are now consistent.
Signed-off-by: Jonas Schürmann <jonasschuermann@aol.de>
2019-06-26 15:27:52 +02:00
ddae4de7bd
cleanup: RoomDirectory doesn't use gemini anymore
2019-06-26 11:59:56 +02:00
2d9fbcab70
Fix the scrollbar in the community bar
...
Currently the scrollbar is always visible because the inner container is 5px
bigger in height than the outer container. This is hereby fixed.
Signed-off-by: Jonas Schürmann <jonasschuermann@aol.de>
2019-06-26 10:49:46 +02:00
b5598df3f7
Remove redundant extra chevrons from ContextualMenu
...
This removes a seemingly redundant layer of extra chevrons from
`ContextualMenu`. Since both chevrons are the same color, there should be no
visual change.
2019-06-21 11:13:08 +01:00
dc9282c539
Remove unused ContextualMenu features
2019-06-19 14:47:15 +01:00
3f6bb0c7ca
Use default cursor for disabled submit button
2019-06-17 16:57:13 +01:00
413bff084c
Merge pull request #3087 from matrix-org/jryans/context-menu-clipping
...
Align message context menu to right and vertically where space available
2019-06-12 10:19:47 +01:00
aacb942d57
Don't handle identity server failure as fatal, and use the right message
...
Fixes https://github.com/vector-im/riot-web/issues/10002
2019-06-10 19:28:32 -06:00
3126880345
Extend context menu alignment without chevrons
...
For context menus without chevrons, this changes the menu components to still
set default styles that align the menu based on the edges used to specify the
menu's position. This is not intended to change the positioning of any existing
menus.
2019-06-10 16:07:28 +01:00
ace1bde238
Implement design and copy for errors
2019-06-05 11:32:02 -06:00
5c85f4609e
Accept JSX into the GenericErrorPage and expose local session vars
2019-05-29 12:09:04 -06:00
e4576dac28
Render underlines and tooltips on custom server names in auth pages
...
See https://github.com/vector-im/riot-web/issues/9290
2019-05-13 17:16:40 -06:00
faecceb3b4
remove manual order so component order follows markup order
2019-04-18 09:20:26 +02:00
aadc1a8d75
Add a generic error page element for startup errors
...
Used by Riot to communicate configuration problems.
2019-04-11 15:52:37 -06:00
04b69116ee
Fix tedious CSS stuff with stylelint --fix
2019-04-09 15:05:39 +01:00
eb6f3f6008
Fix up some CSS things stylelint was complaining about
...
And also disable a load of rules that feel like they're probably
causing more headaches than they fix.
2019-04-09 15:03:13 +01:00
670f6e4f99
Simplify settings dialog CSS
...
Stop the settings dialogs from requiring special styles on the
mx_Dialog which required passing in a classname from anywhere the
settings dialogs were opened (although this still requires
static=true). Some of the things have now been adopted for all dialogs
(border-radius), others have been moved to within the dialog content.
2019-04-08 16:48:42 +01:00
a326c83016
Merge pull request #2842 from matrix-org/bwindels/bacat-scrolling-merged-develop
...
BACAT Scrolling
2019-03-29 14:02:15 +00:00
5ac3905a37
Use same horizontal padding as room avatar to align to grid
2019-03-27 13:15:03 +01:00
04a9038a05
Alert the user to unread notifications in prior versions of rooms
...
Fixes https://github.com/vector-im/riot-web/issues/8161
2019-03-26 19:22:41 -06:00
7e56a9a80e
prevent resize handle hit area overlapping with (native) scrollbar
2019-03-26 17:14:58 +01:00
71f6b08b26
first impl of new scrolling, still a bit broken
2019-03-19 13:42:22 +01:00
Michael Telatynski