convert popup panel icons (https://github.com/uBlockOrigin/uMatrix-issues/issues/68)
Raymond Hill
6 years ago
parent
3ce484688a
commit
52246a5250
@ -0,0 +1,72 @@
|
|||||||
|
.fa-icon {
|
||||||
|
align-items: center;
|
||||||
|
background-color: transparent;
|
||||||
|
border: 0;
|
||||||
|
display: inline-flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.1em;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.fa-icon:hover {
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
.fa-icon > * {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.fa-icon.disabled {
|
||||||
|
color: #888;
|
||||||
|
fill: #888;
|
||||||
|
opacity: 0.25;
|
||||||
|
stroke: #888;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.fa-icon > .fa-icon-badge,
|
||||||
|
.fa-icon.disabled > .fa-icon-badge {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.fa-icon.fa-icon-badged > .fa-icon-badge {
|
||||||
|
background-color: rgba(255, 255, 255, 0.7);
|
||||||
|
border-radius: 3px;
|
||||||
|
bottom: 1px;
|
||||||
|
display: inline-block;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 40%;
|
||||||
|
position: absolute;
|
||||||
|
right: 1px;
|
||||||
|
}
|
||||||
|
.fa-icon.disabled > .fa-icon-badge {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fa-icon > svg {
|
||||||
|
height: 1em;
|
||||||
|
}
|
||||||
|
.fa-icon_puzzle-piece,
|
||||||
|
.fa-icon_reply-all {
|
||||||
|
width: calc(1em * 576 / 512);
|
||||||
|
}
|
||||||
|
.fa-icon_download,
|
||||||
|
.fa-icon_eraser,
|
||||||
|
.fa-icon_filter,
|
||||||
|
.fa-icon_list-alt,
|
||||||
|
.fa-icon_power-off,
|
||||||
|
.fa-icon_reply,
|
||||||
|
.fa-icon_sync-alt,
|
||||||
|
.fa-icon_th,
|
||||||
|
.fa-icon_th-list {
|
||||||
|
width: calc(1em * 512 / 512);
|
||||||
|
}
|
||||||
|
.fa-icon_lock {
|
||||||
|
width: calc(1em * 448 / 512);
|
||||||
|
}
|
||||||
|
.fa-icon_times {
|
||||||
|
width: calc(1em * 352 / 512);
|
||||||
|
}
|
||||||
|
.fa-icon_angle-up,
|
||||||
|
.fa-icon_angle-double-up {
|
||||||
|
width: calc(1em * 320 / 512);
|
||||||
|
}
|
||||||
|
.fa-icon_ellipsis-v {
|
||||||
|
width: calc(1em * 192 / 512);
|
||||||
|
}
|
||||||
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 9.4 KiB |
@ -0,0 +1,46 @@
|
|||||||
|
/*******************************************************************************
|
||||||
|
|
||||||
|
uMatrix - a browser extension to black/white list requests.
|
||||||
|
Copyright (C) 2018-present Raymond Hill
|
||||||
|
|
||||||
|
This program is free software: you can redistribute it and/or modify
|
||||||
|
it under the terms of the GNU General Public License as published by
|
||||||
|
the Free Software Foundation, either version 3 of the License, or
|
||||||
|
(at your option) any later version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License
|
||||||
|
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
||||||
|
|
||||||
|
Home: https://github.com/gorhill/uMatrix
|
||||||
|
*/
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
let icons = document.querySelectorAll('.fa-icon');
|
||||||
|
for ( let icon of icons ) {
|
||||||
|
if ( icon.childElementCount !== 0 ) { continue; }
|
||||||
|
let name = icon.textContent;
|
||||||
|
let svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
||||||
|
svg.classList.add('fa-icon_' + name);
|
||||||
|
let use = document.createElementNS('http://www.w3.org/2000/svg', 'use');
|
||||||
|
let href = '/img/fontawesome/fontawesome-defs.svg#' + name;
|
||||||
|
use.setAttribute('href', href);
|
||||||
|
use.setAttribute('xlink:href', href);
|
||||||
|
svg.appendChild(use);
|
||||||
|
icon.textContent = '';
|
||||||
|
icon.appendChild(svg);
|
||||||
|
if ( icon.classList.contains('fa-icon-badged') ) {
|
||||||
|
let badge = document.createElement('span');
|
||||||
|
badge.className = 'fa-icon-badge';
|
||||||
|
icon.appendChild(badge);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})();
|
||||||
Loading…
Reference in New Issue