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

also blur the sticky headers

Browse source 
added a DOM element so we can set the background on the parent and
the blur on the new element
This commit is contained in:
Bruno Windels 2020-07-03 16:50:01 +02:00
parent eb5f6de25f
commit 82e0816d86
3 changed files with 38 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -19,4 +19,18 @@
.mx_LeftPanel2 .mx_LeftPanel2_roomListContainer {
backdrop-filter: blur(175px);
}
// sticky headers need their own blur
.mx_RoomSublist2_headerContainer_sticky {
background-size: cover;
background-image: var(--avatar-url);
background-position: center;
}
.mx_RoomSublist2_headerContainer_sticky .mx_RoomSublist2_stickyHeaderBlur {
backdrop-filter: blur(100px);
background-color: $roomlist2-bg-color;
}
}
}