Browse Source

add generic support for icon badge (https://github.com/uBlockOrigin/uMatrix-issues/issues/68)

pull/2/head
Raymond Hill 6 years ago
parent
commit
3ce484688a
No known key found for this signature in database GPG Key ID: 25E1490B761470C2
  1. 9
      src/css/common.css
  2. 8
      src/css/logger-ui.css
  3. 2
      src/logger-ui.html

9
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;

8
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;

2
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>

Loading…
Cancel
Save