PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4
31433 commits 1 branch 0 tags 338 MiB
Commit graph

286 commits

Author SHA1 Message Date
Bruno Windels
01e7d9c4e4 Merge branch 'bwindels/restyle-blurry-login-box' into 'element' 
change bg color to that of the room list

See merge request new-vector/element/element-web/matrix-react-sdk!19
 2020-07-14 18:22:52 +00:00
Bruno Windels
d39974b590 change bg color to that of the room list 2020-07-14 20:17:31 +02:00
Nad Chishtie
1f9657c7fb Make message previews more legible 2020-07-14 19:05:49 +01:00
Bruno Windels
0c3501e317 make field border less bright 2020-07-14 19:19:27 +02:00
Bruno Windels
4d14a1d6b3 change right panel/event tile hover bg color 2020-07-14 19:19:07 +02:00
Bruno Windels
c2456d9b81 change room header/timeline/composer bg 2020-07-14 19:18:42 +02:00
Bruno Windels
25d3257d80 rename element(-dark) to light/dark so old prefs apply 2020-07-14 18:39:14 +02:00
Nad Chishtie
9700e7e269 Tweak blur & alpha on panels 2020-07-14 13:35:31 +01:00
Michael Telatynski
70951614e4 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-14 13:30:55 +01:00
Michael Telatynski
fcf5fc0990 Fix normal e2e icon colour 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
 2020-07-14 13:30:05 +01:00
Bruno Windels
1578b1c3d3 different blur radius for dark theme 2020-07-14 14:24:35 +02:00
Bruno Windels
c936439ad5 only remove underline for links in element theme 2020-07-14 12:52:28 +02:00
Bruno Windels
488f49dc5c redefine variable rather than picking a different one 
to not break other teams
 2020-07-14 12:51:51 +02:00
Michael Telatynski
0cb0d2a4eb Apply 1 suggestion(s) to 1 file(s) 2020-07-14 09:27:53 +00:00
Nad Chishtie
d70b510d81 Tweak panel colours 2020-07-14 00:06:12 +01:00
Bruno Windels
00f0f6dd34 add color for room list header color 2020-07-09 19:17:34 +02:00
Bruno Windels
c0d2e29720 add theme variable for room header background color 2020-07-09 19:16:30 +02:00
Bruno Windels
eb706951db dark theme color adjustments 2020-07-09 19:15:44 +02:00
Bruno Windels
0d53521e83 dark theme WIP 2020-07-09 14:48:15 +02:00
Bruno Windels
7dad56ca86 Merge branch 'develop' into element 2020-07-08 15:50:17 +02:00
Bruno Windels
269c30f8e8 Revert "also blur the sticky headers" 
This reverts commit 82e0816d86.
 2020-07-08 15:47:01 +02:00
Jorik Schellekens
6b5eaca0b9 Remove comment 2020-07-07 16:45:43 +01:00
Jorik Schellekens
da1d1ffa09 Change colour to orange and do some lints 2020-07-07 15:42:54 +01:00
Bruno Windels
92a2621815 also apply sticky header bg color when backdrop-filter is not supported 2020-07-07 13:22:13 +02:00
Bruno Windels
137a81501a fix tooltip bg colors 
introduce new color variable for inverted backgrounds like dark tooltip
 2020-07-06 15:40:30 +02:00
Bruno Windels
918d091878 make background image not move too much when resizing left panel 2020-07-03 16:56:10 +02:00
Bruno Windels
82ca98cdd5 clear background on show more button in element theme 2020-07-03 16:53:06 +02:00
Bruno Windels
82e0816d86 also blur the sticky headers 
added a DOM element so we can set the background on the parent and
the blur on the new element
 2020-07-03 16:50:01 +02:00
Bruno Windels
ae0bb2a2aa rename file to mod, for all theme modifications 2020-07-01 15:02:20 +02:00
Bruno Windels
dad47148ae clear hairlines by making them transparent for now ... 
also some color changes
 2020-06-30 13:28:19 +02:00
Bruno Windels
6fc4be386a add blurred, blended avatar background to left panel 2020-06-30 13:28:19 +02:00
Bruno Windels
c0a9af945c use Inter as font 2020-06-30 13:28:19 +02:00
Bruno Windels
baebab7b16 Add element theme 2020-06-30 13:28:19 +02:00
Travis Ralston
129ff3a6e0 Match line colour from user menu in sublist menu 2020-06-25 15:17:19 -06:00
Bruno Windels
fc61145c11
Merge pull request #4814 from matrix-org/bwindels/custom-theme-font 
Font support in custom themes
 2020-06-24 13:15:42 +00:00
Bruno Windels
e083856801 allow changing the font-family 2020-06-23 17:53:40 +02:00
Jorik Schellekens
aab42a291b implement appearance tab nits 
- fix border colours in dark theme
- lighten dark theme preview background
- add missing return statement
 2020-06-22 12:28:15 +01:00
Travis Ralston
e4a51a7c01 Add presence icons; Convert to generic icon component 
For https://github.com/vector-im/riot-web/issues/14039
 2020-06-16 14:44:37 -06:00
Travis Ralston
f9a4151a6e Add rudimentary dark theme support 2020-06-12 13:52:54 -06:00
Travis Ralston
111394df6d Add hover states and basic context menu to new room list 
The 'sort by' radio buttons are blocked by https://github.com/matrix-org/matrix-react-sdk/pull/4731 as it contains the styles needed.

The 'unread rooms' checkbox is intentionally not hooked up. This is a more complicated refactoring that needs to be done.

The message preview checkbox works, though the previews remain hardcoded in this change. The primary intent of this change is to have a good enough context menu and the hover states.

The hover states are as described in the design.
 2020-06-09 21:12:49 -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
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
Travis Ralston
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
J. Ryan Stinnett
e01a6ce24c Add Segoe UI Emoji as native fallback for Windows 2019-05-22 16:27:03 +01:00
Bruno Windels
1bdcb0c35a remove obsolete comments 2019-05-22 11:19:35 +02:00
Matthew Hodgson
4ae652e5c3 load twemoji dynamically as colr or sbix; fix monospace 2019-05-22 02:31:24 +01:00
Matthew Hodgson
dbc6815abf make EmojiProvider and stripped-emoji.json work 2019-05-19 20:48:18 +01:00
Matthew Hodgson
e48cc44cba apply monospace font correctly 2019-05-19 17:41:18 +01:00
Matthew Hodgson
dc72641264 replace emojione with twemoji. completely untested & debugged & unoptimised 2019-05-19 15:23:43 +01:00
J. Ryan Stinnett
059988ff5c Extract tooltip styling to a shared class 
We want to use the same styling with edited tooltip as well, so this extracts
the shared bits.
 2019-05-17 12:11:01 +01:00
J. Ryan Stinnett
3da1f73ea4 Add a basic tooltip showing who reacted 
This adds a first attempt at tooltip showing who reacted to a message. It
doesn't limit senders or position the tooltip nicely, but the info is there at
least.

Part of https://github.com/vector-im/riot-web/issues/9722
 2019-05-17 12:11:01 +01:00
J. Ryan Stinnett
1421e8e06b Tweak reply arrow and hover color 2019-05-15 09:12:53 +01:00