aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorgorhill <rhill@raymondhill.net>2014-10-07 15:09:43 -0400
committergorhill <rhill@raymondhill.net>2014-10-07 15:09:43 -0400
commitfe486b7cb74fdeb673b39756a49b613f9997cca7 (patch)
tree93f9410d2fbe1fad5a587318658732c13187c111
parent712b5189e4038997be4a4d15da06af94937f7319 (diff)
downloaduBlock-fe486b7cb74fdeb673b39756a49b613f9997cca7.zip
uBlock-fe486b7cb74fdeb673b39756a49b613f9997cca7.tar.gz
uBlock-fe486b7cb74fdeb673b39756a49b613f9997cca7.tar.bz2
more fine-tuning before release
-rw-r--r--css/popup.css34
-rw-r--r--popup.html4
2 files changed, 34 insertions, 4 deletions
diff --git a/css/popup.css b/css/popup.css
index 89dc82b..4dcce83 100644
--- a/css/popup.css
+++ b/css/popup.css
@@ -85,18 +85,44 @@ p {
width: 100vw;
text-align: center;
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 {
- padding: 0 2px 0 4px;
+ padding: 0 2px 0 8px;
position: absolute;
__MSG_@@bidi_end_edge__: 0;
- color: #ccc;
+ color: #aaa;
visibility: hidden;
}
#dynamicFilteringToggler a:hover {
- color: #888;
+ color: #444;
}
-#dynamicFilteringToggler.on a {
+#dynamicFilteringToggler.on:hover a {
visibility: visible;
}
#dynamicFilteringToggler::before {
diff --git a/popup.html b/popup.html
index ab86a8b..4759aff 100644
--- a/popup.html
+++ b/popup.html
@@ -25,6 +25,10 @@
</div>
<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>
</div>