Include trickery to reduce paints and improve performance

Fixes #1083.
Fixes #1071.
This commit is contained in:
Pavel Djundik 2017-04-30 13:20:43 +03:00 committed by Jérémie Astori
parent 8bfce28d68
commit 518160a1fa
No known key found for this signature in database
GPG Key ID: B9A4F245CD67BDE8

View File

@ -140,10 +140,6 @@ kbd {
.container {
margin: 80px auto;
max-width: 480px;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 0 30px;
}
::-moz-placeholder {
@ -374,8 +370,7 @@ kbd {
}
#viewport.rt #chat .sidebar {
-webkit-transform: translate3d(180px, 0, 0);
transform: translate3d(180px, 0, 0);
right: -180px;
}
#sidebar {
@ -389,6 +384,10 @@ kbd {
width: 220px;
}
#viewport.menu-open #sidebar {
will-change: transform;
}
#sidebar button,
#sidebar .chan,
#sidebar .sign-out {
@ -764,6 +763,7 @@ kbd {
left: 0;
right: 0;
overflow: auto;
will-change: transform, scroll-position;
-webkit-overflow-scrolling: touch;
position: absolute;
}
@ -787,9 +787,7 @@ kbd {
position: absolute;
right: 0;
width: 180px;
transition: all .4s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: right .4s;
}
#chat .show-more {
@ -1162,6 +1160,7 @@ kbd {
bottom: 0;
overflow: auto;
overflow-x: hidden;
will-change: transform, scroll-position;
-webkit-overflow-scrolling: touch;
padding-bottom: 10px;
position: absolute;
@ -1829,11 +1828,6 @@ kbd {
margin-top: 60px !important;
}
#viewport.rt #chat .sidebar {
-webkit-transform: translate3d(-180px, 0, 0);
transform: translate3d(-180px, 0, 0);
}
#sidebar,
#footer {
left: -220px;
@ -1868,22 +1862,15 @@ kbd {
right: -180px;
}
#viewport.rt #chat .sidebar {
right: 0;
}
#chat .title:before {
display: none;
}
}
@media (min-width: 769px) {
#viewport {
-webkit-transform: none !important;
transform: none !important;
}
#viewport.menu-open {
transition: none;
}
}
@media (max-width: 479px) {
.container {
margin: 40px 0 !important;