thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Reduce CPU load from css animations

Browse source 
On osx this cuts the load in half. We can probably do better with
js-based animations but let this be a quick fix for now.
This commit is contained in:
lilia 2016-10-16 16:29:52 +09:00
parent bbcb12dd1e
commit 7256fe9b6f
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
stylesheets/_hourglass.scss
View file

@ -17,7 +17,7 @@
} }
.sand { .sand {
background: $color; background: $color;
animation: moveDown linear; animation: moveDown steps(100);
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
&:after { &:after {

6
stylesheets/manifest.css
View file

@ -1539,7 +1539,7 @@ li.entry .error-icon-container {
left: 0; } left: 0; }
.ios .hourglass .sand { .ios .hourglass .sand {
background: #999; background: #999;
animation: moveDown linear; animation: moveDown steps(100);
animation-fill-mode: forwards; } animation-fill-mode: forwards; }
.ios .hourglass:after { .ios .hourglass:after {
-webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center;
@ -1619,7 +1619,7 @@ li.entry .error-icon-container {
left: 0; } left: 0; }
.android .outgoing .hourglass .sand { .android .outgoing .hourglass .sand {
background: #999; background: #999;
animation: moveDown linear; animation: moveDown steps(100);
animation-fill-mode: forwards; } animation-fill-mode: forwards; }
.android .outgoing .hourglass:after { .android .outgoing .hourglass:after {
-webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center;
@ -1646,7 +1646,7 @@ li.entry .error-icon-container {
left: 0; } left: 0; }
.android .incoming .hourglass .sand { .android .incoming .hourglass .sand {
background: #fff; background: #fff;
animation: moveDown linear; animation: moveDown steps(100);
animation-fill-mode: forwards; } animation-fill-mode: forwards; }
.android .incoming .hourglass:after { .android .incoming .hourglass:after {
-webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center;