Dariusz Niemczyk
c872609ed3
Modify encrypted images loading for better UX
...
Adds proper react css transition to encrypted images placeholders, so
that we can animate it's entrance and exit properly.
In addition, adds simple css animations file to properly handle all of
the animations in one place, so that it's much easier to properly handle
prefers-reduced-motion media query.
2021-08-10 19:24:17 +02:00
Šimon Brandner
43732e5c12
Inherit font-family
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-26 20:53:14 +02:00
Šimon Brandner
ed78bd9096
Remove explicitly set font-family in place where comments talk about FF
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-26 09:12:51 +02:00
Germain Souquet
ebd7cd6212
Add CSS containement rules for shorter reflow operations
2021-06-01 11:26:32 +01:00
J. Ryan Stinnett
45678de9a1
Stop overscroll in Firefox Nightly for macOS
...
Firefox is working on an overscroll feature for macOS, similar to the one Safari
has had for some time now. It doesn't really make sense in an application
context, so this disables it.
2021-05-25 11:29:59 +01:00
Germain
36e729a626
Merge pull request #5836 from matrix-org/gsouquet-readreceipts-animation
2021-04-15 08:27:28 +01:00
Germain Souquet
1d75726a75
Honour prefers reduced motion for read receipts
2021-04-08 11:05:45 +01:00
Šimon Brandner
e79254e7bf
Set opacity of lightboxes to 95 in light theme
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-02 09:07:36 +02:00
Šimon Brandner
9606297f7c
Merge branch 'develop' into improve-image-view
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-02 08:15:51 +02:00
Tawfiek
90b8a66476
fix make btns in verify dailog respect system font
2021-03-21 14:11:45 +02:00
Šimon Brandner
b27a8e3c3a
Merge branch 'develop' into improve-image-view
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-14 08:30:28 +01:00
Michael Telatynski
c2e05c647e
Remove unused common CSS classes
2021-03-11 11:56:53 +00:00
Travis Ralston
711181cc69
Rough style for new upload bar
...
This repurposes ProgressBar which was not used anywhere in code.
2021-03-05 14:14:43 -07:00
Šimon Brandner
8454a2d440
Remove padding on lightboxes
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-24 12:52:08 +01:00
Michael Weimann
9b54aba4c0
fix timestamp width if there is a 2e2 indicator bar
...
Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
2021-01-31 11:11:34 +01:00
Aaron Raimist
32f7e3552c
Remove globally defined flex and set just for group queries
...
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2020-12-05 21:56:17 -06:00
Travis Ralston
0104164d51
Approximate the design as proposed
2020-11-19 12:06:24 -07:00
Michael Telatynski
2064cf80f5
Use semi-bold for Modal titles
2020-11-03 13:21:33 +00:00
Michael Telatynski
a2885dcfe8
fix alignment of Modal X icon
2020-11-03 13:18:18 +00:00
Michael Telatynski
6b01b6ac6c
Discard all mx_fadable legacy cruft which is totally useless
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-15 16:13:16 +01:00
J. Ryan Stinnett
43ea5de320
Adjust Settings styles
2020-10-07 20:23:34 +01:00
Travis Ralston
aa0e19daf0
Make the hover transition a variable
2020-09-24 08:23:06 -06:00
Jorik Schellekens
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
Michael Telatynski
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
Michael Telatynski
b30ce0355e
Factor out Iconized Context Menu for reusabilit
2020-08-04 21:42:39 +01:00
J. Ryan Stinnett
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
Jorik Schellekens
fb953ade8e
Accessibility focus checkboxes and radio boxes
2020-07-28 16:08:25 +01:00
Travis Ralston
0e054c05c2
Remove unused SCSS variables + fix tertiary colour
2020-07-17 16:15:14 -06:00
Michael Telatynski
ebb9c4e814
Update text input placeholder active colour to 75% inactive
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 15:46:06 +01:00
Bruno Windels
c936439ad5
only remove underline for links in element theme
2020-07-14 12:52:28 +02:00
Michael Telatynski
98f3d9bd74
fix input border colour
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 23:23:21 +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
Michael Telatynski
21a8f2298e
Remove text decoration from links
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 20:48:19 +01:00
Michael Telatynski
b5014282a4
Iterate PR based on Figma design and feedback
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-01 13:59:50 +01:00
Michael Telatynski
198958dcdd
Iterate to match figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-30 22:32:59 +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
David Baker
21c5c745c1
Merge pull request #4831 from matrix-org/dbkr/recovery_key_passphrase_2
...
Implement new design on security setup & login
2020-06-30 17:55:03 +01:00
Michael Telatynski
cf3c914382
Merge branches 'develop' and 't3chguy/notifications0' of github.com:matrix-org/matrix-react-sdk into t3chguy/notifications0
2020-06-26 15:35:36 +01:00
Michael Telatynski
72035c8078
Make <ProgressBar /> relevant again
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 14:19:58 +01:00
David Baker
f4460ca78f
Merge remote-tracking branch 'origin/develop' into dbkr/recovery_key_passphrase_2
2020-06-26 13:12:06 +01:00
Andrew Morgan
6ea5dc7b7c
Change the look of the spinner
2020-06-26 01:19:38 +01:00
Travis Ralston
9f5a716cc5
Adjust padding and margins on user menu
2020-06-25 15:11:04 -06:00
David Baker
966837232c
Add header icons & justification
2020-06-24 16:12:46 +01: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
Jorik Schellekens
f6504d67ba
Use 10px instead
2020-06-04 16:23:28 +01:00
Jorik Schellekens
c0ac44e471
Change internal font size from from 15 to 20.
2020-06-02 17:10:22 +01:00
Michael Telatynski
03058bacbd
Dialog wrap title instead of taking same space as the close/cancel button
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-28 16:48:50 +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
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