open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make the hover effect less CPU-hungry

Browse Source 
* it lagged even on a fast 4GHz i7 CPU + nVidia GPU
* the 'will-change' property didn't help and even increased memory consumption
This commit is contained in:
tophf 2018-08-28 19:58:51 +03:00
parent af77b55eea
commit 8cf05ee185
1 changed files with 1 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
manage/manage.css
View File

@ -479,7 +479,7 @@ a:hover {
cursor: pointer; cursor: pointer;
} }
.newUI .entry .style-name::before { .newUI .entry .style-name:hover::before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
@ -488,13 +488,6 @@ a:hover {
bottom: 0; bottom: 0;
background: linear-gradient(to right, hsla(180, 50%, 30%, 0.2), hsla(180, 20%, 10%, 0.05) 50%, transparent); background: linear-gradient(to right, hsla(180, 50%, 30%, 0.2), hsla(180, 20%, 10%, 0.05) 50%, transparent);
pointer-events: none; pointer-events: none;
opacity: 0;
transition: opacity .1s;
will-change: opacity;
}
.newUI .entry .style-name:hover::before {
opacity: 1;
} }
.newUI .entry.enabled .style-name:hover .style-name-link { .newUI .entry.enabled .style-name:hover .style-name-link {