mirror of https://github.com/gorhill/uBlock.git
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:
parent
69668d27b1
commit
d574a09784
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue