imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make the blur as-close to the css one as possible

Browse source
This commit is contained in:
Dariusz Niemczyk 2021-08-17 17:47:40 +02:00
parent a999cad49d
commit 2ee26d0681
No known key found for this signature in database
GPG key ID: 28DFE7164F497CB6
4 changed files with 22 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

10
res/css/structures/_BackdropPanel.scss
View file

@ -29,7 +29,7 @@ limitations under the License.
top: 0;
height: 100vh;
width: 100%;
background-color: rgba(255, 255, 255, .02);
background-color: rgba(255, 255, 255, .055);
}
}
@ -42,10 +42,10 @@ limitations under the License.
pointer-events: none;
overflow: hidden;
&:first-of-type {
opacity: 0.19;
&:nth-of-type(2n-1) {
opacity: 0.2;
}
&:last-of-type {
opacity:0.12;
&:nth-of-type(2n) {
opacity:0.1;
}
}

4
res/themes/dark/css/_dark.scss
View file

@ -240,8 +240,8 @@ $appearance-tab-border-color: $room-highlight-color;
// blur amounts for left left panel (only for element theme, used in _mods.scss)
:root {
--roomlist-background-blur-amount: 60px;
--groupFilterPanel-background-blur-amount: 30px;
--llp-background-blur: 60px;
--lp-background-blur: 30px;
}
$composer-shadow-color: rgba(0, 0, 0, 0.28);

4
res/themes/light/css/_light.scss
View file

@ -363,8 +363,8 @@ $appearance-tab-border-color: $input-darker-bg-color;
// blur amounts for left left panel (only for element theme, used in _mods.scss)
:root {
--roomlist-background-blur-amount: 40px;
--groupFilterPanel-background-blur-amount: 20px;
--llp-background-blur: 40px;
--lp-background-blur: 20px;
}
$composer-shadow-color: rgba(0, 0, 0, 0.04);