projects
/
lantea.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
3834d18
)
switch to transform instead of left for making the transition way more performant...
author
Robert Kaiser
<kairo@kairo.at>
Thu, 17 Sep 2015 22:06:47 +0000
(
00:06
+0200)
committer
Robert Kaiser
<kairo@kairo.at>
Thu, 17 Sep 2015 22:06:47 +0000
(
00:06
+0200)
style/lantea.css
patch
|
blob
|
blame
|
history
diff --git
a/style/lantea.css
b/style/lantea.css
index 36aef545d4d4539e1e58d1db969d86e814ec7ca8..f1785fdddd4e187758d116e7796381f108aaf81e 100644
(file)
--- a/
style/lantea.css
+++ b/
style/lantea.css
@@
-112,7
+112,7
@@
h1 {
position: absolute;
top: 0;
bottom: 0;
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);
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;
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) {
transition-duration: 1s;
transition-timing-function: ease;
}
.menuDrawer:not(.hidden) {
-
left: 0
;
+
transform: translateX(0)
;
}
@media screen and (max-width: 330px) {
}
@media screen and (max-width: 330px) {