mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2025-12-16 23:01:10 +01:00
Code Issues Projects Releases Wiki Activity

Add proper glass-like look

Browse Source
This commit is contained in:
Dariusz Niemczyk 2021-08-16 16:52:41 +02:00
parent bad37e65db
commit a2797795b2
No known key found for this signature in database
GPG Key ID: 28DFE7164F497CB6
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
res/css/structures/_BackdropPanel.scss
View File

@ -20,6 +20,16 @@ limitations under the License.
top: 0; top: 0;
height: 100vh; height: 100vh;
width: 100%; width: 100%;
&:before {
content: ' ';
position: absolute;
left: 0;
top: 0;
height: 100vh;
width: 100%;
background-color: rgba(255, 255, 255, .02);
}
} }
.mx_BackdropPanel--canvas { .mx_BackdropPanel--canvas {
@ -30,4 +40,11 @@ limitations under the License.
z-index: 0; z-index: 0;
pointer-events: none; pointer-events: none;
overflow: hidden; overflow: hidden;
&:first-of-type {
opacity: 0.19;
}
&:last-of-type {
opacity:0.12;
}
} }