From 7a49ec71794672a78c5d7efc5432283c661bcf95 Mon Sep 17 00:00:00 2001
From: Josef Citrine <josefcitrine@googlemail.com>
Date: Wed, 18 May 2016 17:11:45 +0100
Subject: [PATCH] Improved animation performance
---
resources/assets/styles/layout.less | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
diff --git a/resources/assets/styles/layout.less b/resources/assets/styles/layout.less
index 8cdf9088..cb1a8048 100644
--- a/resources/assets/styles/layout.less
+++ b/resources/assets/styles/layout.less
@@ -330,12 +330,15 @@ header {
.sidebar {
left: -160px;
transition: transform 0.5s ease;
- transform: translateX(0px);
+ transform: translateX(0px) translateZ(0);
+ perspective: 1000;
+ backface-visibility: hidden;
+ will-change: transform;
z-index: 1000;
}
.sidebar.active {
- transform: translateX(160px);
+ transform: translateX(160px) translateZ(0);
}
.user-details > .avatar > span {