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
Travis Ralston
0c15b2bdb6
Simple structuring of the room list itself
...
This covers the larger parts of the design, but doesn't deal with the nuances of hover states, badge sizing, etc.
2020-06-04 21:21:04 -06: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
Jorik Schellekens
bab7d5f461
Some lints
2020-05-06 17:25:54 +01:00
Jorik Schellekens
360cc332eb
Merge pull request #4477 from JorikSchellekens/joriks/toggle-bg-color
...
Slightly darker toggle off bg color
2020-04-29 11:10:47 +01:00
Bruno Windels
8b8b5256be
actually use timeline highlight color
2020-04-28 16:49:25 +02:00
Jorik Schellekens
1b83faaa8d
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider
2020-04-28 15:38:46 +01:00
Bruno Windels
b1870660d8
support theming username colors
2020-04-27 17:31:22 +02:00
Bruno Windels
2f68f608c5
add 15pct value of accent color for FormButton backgrounds
...
so the button in the toasts has the correct background color
2020-04-27 17:30:28 +02:00
Jorik Schellekens
06f4eca05d
Background opacity
2020-04-23 14:15:33 +01:00
Jorik Schellekens
61b45afcd3
Slightly darker toggle off bg color
2020-04-23 12:28:39 +01:00
Jorik Schellekens
28dca9e525
Match figma color scheme
2020-04-23 11:33:28 +01:00
Jorik Schellekens
abd94a65bd
Move compoenets/FontSlider to views/Slider
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
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
d593a76f28
Merge branches 'develop' and 't3chguy/kbd' of github.com:matrix-org/matrix-react-sdk into t3chguy/kbd
2020-03-18 20:41:13 +00:00
Michael Telatynski
1d5001544c
Improve colouring
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com >
2020-03-18 17:32:36 +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
Ben Bucksch
c8493d5b08
Solve fixed-width digits display in flowed text
...
Noto Color Emoji contains digits, in fixed-width, therefore causing digits in flowed text to stand out.
Fixes: https://github.com/vector-im/riot-web/issues/12504
Signed-off-by: Ben Bucksch <ben.bucksch@beonex.com >
2020-02-26 15:32:29 +01:00
Zoe
12c4e45387
User verified but device deleted isn't a useful state
2020-01-20 17:15:38 +00:00
Zoe
f77eb07849
Verify individual messages via cross-signing
...
Fixes #11880
2020-01-20 15:16:41 +00:00
Travis Ralston
92fb6fcdc2
Merge pull request #3790 from justin-sleep/fix-dark-diff-highlighting
...
Fix inverted diff line highlighting in dark theme
2020-01-05 17:08:38 -07:00
Justin Sleep
8ec8a7c015
Comment rationale for swapping dark theme colors
...
Signed-off-by: Justin Sleep <justin@midnightmechanism.com >
2020-01-05 17:58:07 -06:00
Justin Sleep
dcdf68d7e1
Explicitly define diff colors in light theme
...
Signed-off-by: Justin Sleep <justin@midnightmechanism.com >
2020-01-05 17:35:39 -06:00
Travis Ralston
4de0f7257a
Initial implementation of FTUE user lists design
...
This covers the "recents" section and rough design exclusively. It is known that the Field does nothing and that there's a bunch of missing functionality - this is to be iterated upon in future PRs. Labs flag is to aide development and should be removed in a very near future PR.
Also, this is focusing on DMs and not user lists in general because I misinterpreted the scope. I'll fix this in a future PR and instead make this the best DM invite dialog it can be.
Closes https://github.com/vector-im/riot-web/issues/11197
2020-01-02 17:40:18 -07:00
Justin Sleep
d0b8565f54
Fix inverted diff line highlighting in dark theme
...
Signed-off-by: Justin Sleep <justin@midnightmechanism.com >
2019-12-28 23:56:44 -06:00
Bruno Windels
f1c62e7dab
make colors slightly more opaque than in design
...
as it is very light otherwise
2019-11-22 16:04:51 +01:00
Bruno Windels
0d2f9c4215
add verification request tile + styling
2019-11-07 19:54:56 +01:00
Bruno Windels
27ca73bf63
add copyright headers
2019-10-02 11:06:31 +02:00
Bruno Windels
fc6a68cd1d
add support for dark theme
2019-10-01 17:00:29 +02:00
Bruno Windels
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
Bruno Windels
c1edd6d0b5
apply new pallete with 13 colors
2019-10-01 15:31:43 +02:00
Bruno Windels
01909f81c4
also theme values close to custom palette variables
...
these values are not exactly the same as the palette values,
so we're essentially flattening the color palette used in the
theme, but this is needed when assigning custom colors for it
to look good.
2019-09-26 16:16:05 +02:00
Bruno Windels
64b44acf2b
better comment headers
2019-09-26 16:15:45 +02:00
Bruno Windels
b9d0de1b7d
create 0% and 50% opaque vars as #rgba trick doesn't work
2019-09-26 16:14:39 +02:00
Bruno Windels
f9d5d807e3
make active tab icon color always same as text
2019-09-26 16:13:32 +02:00
Bruno Windels
cad3858a3f
initial custom theme
...
using a reduced set of CSS variables to change the colors at runtime
2019-09-26 12:07:45 +02:00
Bruno Windels
df8ce7fb33
Show placeholder for empty slot in breadcrumbs
2019-09-12 14:46:54 +02:00
J. Ryan Stinnett
166fb696c2
Allow connecting to an IS from address picker
...
This allows those who previously disconnected from an IS to either choose the
default IS or a custom one from Settings via the address picker dialog.
Part of https://github.com/vector-im/riot-web/issues/10619
2019-08-29 15:28:34 +01:00
Bruno Windels
eddaece43e
add visual bell color to theme + choose better value for dark mode
2019-08-28 18:00:57 +02:00
Travis Ralston
528b927638
Merge pull request #3196 from matrix-org/travis/fix-hover
...
Change highlight colour on dark theme
2019-07-10 07:52:14 -06:00
Travis Ralston
2142826ffd
Change highlight colour on dark theme
...
Fixes https://github.com/vector-im/riot-web/issues/10248
2019-07-09 11:29:13 -06:00
Travis Ralston
93872e6fa5
Ask for the user's password to rehydrate their soft logged out session
...
Fixes https://github.com/vector-im/riot-web/issues/10236
The changes to the MatrixClientPeg (assign/start) are to permit the SoftLogout page to access the MatrixClientPeg reliably. This is why assign() is called by Lifecycle as an alternative to start().
Minimal design work has been done here. The majority is deferred to https://github.com/vector-im/riot-web/issues/10262
2019-07-04 16:51:16 -06:00
Bruno Windels
cca82635f3
whitespace
2019-07-03 10:32:37 +02:00
Bruno Windels
fc3c4fccc2
set background on highlighted messages
2019-07-02 18:31:11 +02:00
Bruno Windels
2e3a6b3c0b
set 50% transparent accent color as editor focus border
2019-06-26 14:40:33 +02:00
Bruno Windels
d20b765e27
rename $accent-color-50pct to $accent-color-darker
...
we'll use $accent-color-50pct for 50% transparent accent color
2019-06-26 14:34:26 +02:00
J. Ryan Stinnett
3bd247ebaa
Tweak interactive tooltip to match design
...
This tweaks the tooltip to match the color, spacing, etc. seen in the designs.
Part of https://github.com/vector-im/riot-web/issues/9753
Part of https://github.com/vector-im/riot-web/issues/9716
2019-06-21 15:10:08 +01:00