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