mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-26 19:26:04 +03:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
This commit is contained in:
Michael Telatynski 2020-07-14 13:30:55 +01:00
commit 70951614e4
4 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/themes/element-dark/css/_element-dark.scss
View file

@ -205,6 +205,10 @@ $user-tile-hover-bg-color: $header-panel-bg-color;
// Appearance tab colors
$appearance-tab-border-color: $room-highlight-color;
// blur amounts for left left panel (only for element theme, used in _mods.scss)
$roomlist-background-blur-amount: 40px;
$tagpanel-background-blur-amount: 20px;
// ***** Mixins! *****
@define-mixin mx_DialogButton {

6
res/themes/element-dark/css/element-dark.scss
View file

@ -2,6 +2,10 @@
@import "../../element/css/_paths.scss";
@import "../../element/css/_fonts.scss";
@import "../../element/css/_element.scss";
@import "../../element/css/_mods.scss";
// important this goes before _mods,
// as $tagpanel-background-blur-amount and
// $roomlist-background-blur-amount
// are overridden in _element-dark.scss
@import "_element-dark.scss";
@import "../../element/css/_mods.scss";
@import "../../../../res/css/_components.scss";

5
res/themes/element/css/_element.scss
View file

@ -331,6 +331,11 @@ $user-tile-hover-bg-color: $header-panel-bg-color;
// FontSlider colors
$appearance-tab-border-color: $input-darker-bg-color;
// blur amounts for left left panel (only for element theme, used in _mods.scss)
$roomlist-background-blur-amount: 175px;
$tagpanel-background-blur-amount: 100px;
// ***** Mixins! *****
@define-mixin mx_DialogButton {

4
res/themes/element/css/_mods.scss
View file

@ -13,11 +13,11 @@
}
.mx_TagPanel {
backdrop-filter: blur(100px);
backdrop-filter: blur($tagpanel-background-blur-amount);
}
.mx_LeftPanel2 .mx_LeftPanel2_roomListContainer {
backdrop-filter: blur(175px);
backdrop-filter: blur($roomlist-background-blur-amount);
}
}