Make the element picker dialog slowly fade away when made discrete

This fixes the following issues:
- https://github.com/gorhill/uBlock/issues/3449
- https://github.com/uBlockOrigin/uBlock-issues/issues/55
This commit is contained in:
Raymond Hill 2018-12-22 15:09:38 -05:00
parent 69668d27b1
commit d574a09784
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
1 changed files with 15 additions and 1 deletions

View File

@ -180,10 +180,24 @@ html#ublock0-epicker,
width: calc(40% - 4px) !important; width: calc(40% - 4px) !important;
} }
#ublock0-epicker body.paused > aside { #ublock0-epicker body.paused > aside {
opacity: 0.1 !important; opacity: 0.1;
visibility: visible !important; visibility: visible !important;
z-index: 100 !important; z-index: 100 !important;
} }
/**
https://github.com/gorhill/uBlock/issues/3449
https://github.com/uBlockOrigin/uBlock-issues/issues/55
**/
@keyframes startDialog {
0% { opacity: 1.0; }
60% { opacity: 1.0; }
100% { opacity: 0.1; }
}
#ublock0-epicker body.paused > aside:not(:hover):not(.show) {
animation-duration: 1.6s !important;
animation-name: startDialog !important;
animation-timing-function: linear !important;
}
#ublock0-epicker body.paused > aside:hover { #ublock0-epicker body.paused > aside:hover {
opacity: 1 !important; opacity: 1 !important;
} }