Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Commit

Permalink
Force a new layer for backdrop panel
Browse files Browse the repository at this point in the history
  • Loading branch information
Dariusz Niemczyk committed Aug 24, 2021
1 parent 4cd79e3 commit a62717e
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 0 deletions.
2 changes: 2 additions & 0 deletions res/css/structures/_BackdropPanel.scss
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,8 @@ limitations under the License.
width: 100%;
overflow: hidden;
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 {
Expand Down
2 changes: 2 additions & 0 deletions res/css/structures/_LeftPanel.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,8 @@ $roomListCollapsedWidth: 68px;
.mx_LeftPanel_wrapper {
display: flex;
max-width: 50%;
position: relative;

// Contain the amount of layers rendered by constraining what actually needs re-layering via css
contain: layout paint;

Expand Down

0 comments on commit a62717e

Please sign in to comment.