more fine-tuning before release

This commit is contained in:
gorhill 2014-10-07 15:09:43 -04:00
parent 712b5189e4
commit fe486b7cb7
2 changed files with 34 additions and 4 deletions

View File

@ -85,18 +85,44 @@ p {
width: 100vw; width: 100vw;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
position: relative;
}
#dynamicFilteringToggler > div {
font-size: 9px;
line-height: 100%;
color: #aaa;
position: absolute;
bottom: 0;
width: 25vw;
display: none;
pointer-events: none;
}
#dynamicFilteringToggler.on:hover > div {
display: initial;
}
#dynamicFilteringToggler > div:nth-of-type(1) {
left: 0;
}
#dynamicFilteringToggler > div:nth-of-type(2) {
left: 25vw;
}
#dynamicFilteringToggler > div:nth-of-type(3) {
left: 50vw;
}
#dynamicFilteringToggler > div:nth-of-type(4) {
left: 75vw;
} }
#dynamicFilteringToggler a { #dynamicFilteringToggler a {
padding: 0 2px 0 4px; padding: 0 2px 0 8px;
position: absolute; position: absolute;
__MSG_@@bidi_end_edge__: 0; __MSG_@@bidi_end_edge__: 0;
color: #ccc; color: #aaa;
visibility: hidden; visibility: hidden;
} }
#dynamicFilteringToggler a:hover { #dynamicFilteringToggler a:hover {
color: #888; color: #444;
} }
#dynamicFilteringToggler.on a { #dynamicFilteringToggler.on:hover a {
visibility: visible; visibility: visible;
} }
#dynamicFilteringToggler::before { #dynamicFilteringToggler::before {

View File

@ -25,6 +25,10 @@
</div> </div>
<div id="dynamicFilteringToggler" class="fa on"> <div id="dynamicFilteringToggler" class="fa on">
<div></div>
<div></div>
<div></div>
<div></div>
<a href="https://github.com/gorhill/uBlock/wiki/Dynamic-filtering" target="_blank">?</a> <a href="https://github.com/gorhill/uBlock/wiki/Dynamic-filtering" target="_blank">?</a>
</div> </div>