add generic support for icon badge (uBlockOrigin/uMatrix-issues#68)

gorhill · gorhill · commit 3ce484688a08 · 2018-10-01T08:51:06.000-04:00
diff --git a/src/css/common.css b/src/css/common.css
@@ -49,6 +49,15 @@
     stroke: #fff;
     pointer-events: none;
     }
+.fa-icon > .badge {
+    font-family: sans-serif;
+    font-size: 80%;
+    pointer-events: none;
+    transform: translate(100%, 110%);
+    }
+.fa-icon.disabled > .badge {
+    display: none;
+    }
 
 body {
     font-size: 14px;
diff --git a/src/css/logger-ui.css b/src/css/logger-ui.css
@@ -255,14 +255,6 @@ body.compactView #content tr:not(.vExpanded) td {
     justify-content: space-around;
     margin-left: 0.5em;
     }
-.ruleEditorToolbar .fa-icon > .badge {
-    font-family: sans-serif;
-    font-size: 80%;
-    pointer-events: none;
-    }
-.ruleEditorToolbar .fa-icon.disabled > .badge {
-    display: none;
-    }
 
 .fa-icon.scopeRel {
     fill: #24c;
diff --git a/src/logger-ui.html b/src/logger-ui.html
@@ -56,7 +56,7 @@
                 <div class="ruleWidgets"></div>
                 <div class="ruleEditorToolbar">
                     <svg id="matrixRevertButton" class="fa-icon scopeRel" tip-anchor-right data-i18n-tip="matrixRevertButtonTip"><use xlink:href="/img/fontawesome/fontawesome-defs.svg#fa-icon_eraser"></use></svg>
-                    <svg id="matrixPersistButton" class="fa-icon scopeRel" tip-anchor-right data-i18n-tip="matrixPersistButtonTip"><use xlink:href="/img/fontawesome/fontawesome-defs.svg#fa-icon_lock"></use><text class="badge" x="100%" y="100%"></text></svg>
+                    <svg id="matrixPersistButton" class="fa-icon scopeRel" tip-anchor-right data-i18n-tip="matrixPersistButtonTip"><use xlink:href="/img/fontawesome/fontawesome-defs.svg#fa-icon_lock"></use><text class="badge"></text></svg>
                 </section>
             </section>
         </div>
