PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Force a new layer for backdrop panel

Browse source
This commit is contained in:
Dariusz Niemczyk 2021-08-24 19:23:12 +02:00
parent 798da0f5fa
commit 972682139e
No known key found for this signature in database
GPG key ID: 3E8DC619E3C59A05
2 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -22,6 +22,8 @@ limitations under the License.
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
filter: blur(var(--lp-background-blur)); filter: blur(var(--lp-background-blur));
// Force a new layer for the backdropPanel so it's better hardware supported
transform: translateZ(0);
} }
.mx_BackdropPanel--image { .mx_BackdropPanel--image {

2
res/css/structures/_LeftPanel.scss
View file

@ -26,6 +26,8 @@ $roomListCollapsedWidth: 68px;
.mx_LeftPanel_wrapper { .mx_LeftPanel_wrapper {
display: flex; display: flex;
max-width: 50%; max-width: 50%;
position: relative;
// Contain the amount of layers rendered by constraining what actually needs re-layering via css // Contain the amount of layers rendered by constraining what actually needs re-layering via css
contain: layout paint; contain: layout paint;