From e2424f351513ff2dd5f4ec90ab59139e08a398ee Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Fri, 18 Sep 2015 00:06:47 +0200 Subject: [PATCH] switch to transform instead of left for making the transition way more performant, e.g. because of http://dbaron.org/log/20150916-compositor-animations --- style/lantea.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style/lantea.css b/style/lantea.css index 36aef54..f1785fd 100644 --- a/style/lantea.css +++ b/style/lantea.css @@ -112,7 +112,7 @@ h1 { position: absolute; top: 0; bottom: 0; - left: calc(-40ch - 1ch); /* account for padding */ + transform: translateX(calc(-40ch - 1ch)); /* account for padding */ width: 40ch; max-width: 95%; /* make sure we don't overflow the screen */ background-color: rgba(15, 15, 15, .9); @@ -121,13 +121,13 @@ h1 { padding: 0 .5ch; /* account for legend */ margin: 0; z-index: 10; - transition-property: left; + transition-property: transform; transition-duration: 1s; transition-timing-function: ease; } .menuDrawer:not(.hidden) { - left: 0; + transform: translateX(0); } @media screen and (max-width: 330px) { -- 2.43.0