mirror of
https://github.com/gorhill/uBlock.git
synced 2026-03-11 09:04:36 +00:00
db9c321855
This commit specifically address bringing the desktop version of the new popup panel's look and feel more inline with the classic one: - Hide tool captions on desktop - Bring back no-popups switch on desktop - Bring back tooltips on desktop (though they are now rendered natively by the browser) - Use the Photon icons suggested by @brampitoyo for the no-popups and no-remote-fonts switches
117 lines
2.8 KiB
CSS
117 lines
2.8 KiB
CSS
.fa-icon {
|
|
align-items: center;
|
|
background-color: transparent;
|
|
border: 0;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
margin: 0;
|
|
padding: 0 0.1em;
|
|
position: relative;
|
|
user-select: none;
|
|
vertical-align: text-bottom;
|
|
-webkit-user-select: none;
|
|
}
|
|
.fa-icon > * {
|
|
pointer-events: none;
|
|
}
|
|
.fa-icon.disabled,
|
|
.fa-icon[disabled] {
|
|
color: var(--button-disabled-ink);
|
|
fill: var(--button-disabled-ink);
|
|
filter: var(--button-disabled-filter);
|
|
stroke: var(--button-disabled-ink);
|
|
pointer-events: none;
|
|
}
|
|
.fa-icon > .fa-icon-badge,
|
|
.fa-icon.disabled > .fa-icon-badge {
|
|
visibility: hidden;
|
|
}
|
|
.fa-icon.fa-icon-badged > .fa-icon-badge {
|
|
bottom: -20%;
|
|
display: inline-block;
|
|
font: 60% sans-serif;
|
|
left: calc(100% - 0.2em);
|
|
position: absolute;
|
|
visibility: visible;
|
|
}
|
|
.fa-icon.fa-icon-vflipped {
|
|
transform: scale(1, -1);
|
|
}
|
|
|
|
.fa-icon > svg {
|
|
height: 1em;
|
|
overflow: visible;
|
|
width: 1em;
|
|
}
|
|
|
|
.fa-icon > .fa-icon_bar-chart {
|
|
width: calc(1em * 2048 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_cloud-download,
|
|
.fa-icon > .fa-icon_cloud-upload,
|
|
.fa-icon > .fa-icon_cogs,
|
|
.fa-icon > .fa-icon_eraser,
|
|
.fa-icon > .fa-icon_film {
|
|
width: calc(1em * 1920 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_code {
|
|
width: calc(1em * 1830 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_exclamation-triangle {
|
|
width: calc(1em * 1794 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_clipboard,
|
|
.fa-icon > .fa-icon_external-link,
|
|
.fa-icon > .fa-icon_eye-dropper,
|
|
.fa-icon > .fa-icon_eye-open,
|
|
.fa-icon > .fa-icon_eye-slash,
|
|
.fa-icon > .fa-icon_files-o,
|
|
.fa-icon > .fa-icon_list-alt {
|
|
width: calc(1em * 1792 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_font,
|
|
.fa-icon > .fa-icon_search,
|
|
.fa-icon > .fa-icon_spinner,
|
|
.fa-icon > .fa-icon_unlink {
|
|
width: calc(1em * 1664 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_home {
|
|
width: calc(1em * 1612 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_check {
|
|
width: calc(1em * 1550 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_cog,
|
|
.fa-icon > .fa-icon_clock-o,
|
|
.fa-icon > .fa-icon_floppy-o,
|
|
.fa-icon > .fa-icon_info-circle,
|
|
.fa-icon > .fa-icon_pause-circle-o,
|
|
.fa-icon > .fa-icon_play-circle-o,
|
|
.fa-icon > .fa-icon_power-off,
|
|
.fa-icon > .fa-icon_question-circle,
|
|
.fa-icon > .fa-icon_refresh,
|
|
.fa-icon > .fa-icon_sliders {
|
|
width: calc(1em * 1536 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_filter {
|
|
width: calc(1em * 1410 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_plus,
|
|
.fa-icon > .fa-icon_trash-o {
|
|
width: calc(1em * 1408 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_times {
|
|
width: calc(1em * 1188 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_angle-up,
|
|
.fa-icon > .fa-icon_double-angle-up,
|
|
.fa-icon > .fa-icon_lock,
|
|
.fa-icon > .fa-icon_unlock-alt {
|
|
width: calc(1em * 1152 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_double-angle-left {
|
|
width: calc(1em * 966 / 1792);
|
|
}
|
|
.fa-icon > .fa-icon_bolt {
|
|
width: calc(1em * 896 / 1792);
|
|
}
|