mirror of
https://github.com/gorhill/uBlock.git
synced 2024-09-18 17:02:27 +02:00
Fine tune CSS to restore intended visuals on fenix
This commit is contained in:
parent
36711a7c07
commit
b20e33ff18
@ -9,10 +9,15 @@
|
|||||||
|
|
||||||
/* Internal CSS values */
|
/* Internal CSS values */
|
||||||
body {
|
body {
|
||||||
|
font: 14px/20px sans-serif;
|
||||||
|
min-width: 360px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
min-width: 375px;
|
|
||||||
}
|
}
|
||||||
|
@media (pointer: coarse) {
|
||||||
|
body {
|
||||||
|
min-width: 100vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -130,11 +135,6 @@ body.needSave #revertRules {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
}
|
}
|
||||||
.toolRibbon [data-i18n] {
|
|
||||||
font-size: x-small;
|
|
||||||
margin-top: 0.8em;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tool {
|
.tool {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -147,6 +147,9 @@ body.needSave #revertRules {
|
|||||||
}
|
}
|
||||||
.tool [data-i18n] {
|
.tool [data-i18n] {
|
||||||
display: var(--fg-popup-icon-caption-display);
|
display: var(--fg-popup-icon-caption-display);
|
||||||
|
font: 10px/12px sans-serif;
|
||||||
|
margin-top: 0.8em;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.statValue {
|
.statValue {
|
||||||
@ -239,7 +242,7 @@ body[dir="rtl"] #tooltip {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span {
|
#firewallContainer > div > span {
|
||||||
background-color: var(--bg-popup-cell);
|
background-color: var(--bg-popup-cell-2);
|
||||||
border: none;
|
border: none;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
@ -262,7 +265,7 @@ body[dir="rtl"] #tooltip {
|
|||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
#firewallContainer > div.isCname > span:first-of-type {
|
#firewallContainer > div.isCname > span:first-of-type {
|
||||||
color: var(--fg-popup-fwcell-cname);
|
color: var(--fg-popup-cell-cname);
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span:first-of-type > sub {
|
#firewallContainer > div > span:first-of-type > sub {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -8,7 +8,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
background-color: var(--bg-popup-cell);
|
background-color: var(--bg-popup-cell-1);
|
||||||
border: 0;
|
border: 0;
|
||||||
color: var(--fg-0-70);
|
color: var(--fg-0-70);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -140,7 +140,7 @@ body.off #switch .fa-icon {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
#extraTools {
|
#extraTools {
|
||||||
background-color: var(--bg-popup-cell);
|
background-color: var(--bg-popup-cell-1);
|
||||||
border: 0;
|
border: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -261,7 +261,7 @@ body[dir="rtl"] #tooltip {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span {
|
#firewallContainer > div > span {
|
||||||
background-color: var(--bg-popup-cell);
|
background-color: var(--bg-popup-cell-1);
|
||||||
border: none;
|
border: none;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@ -283,7 +283,7 @@ body[dir="rtl"] #tooltip {
|
|||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
#firewallContainer > div.isCname > span:first-of-type {
|
#firewallContainer > div.isCname > span:first-of-type {
|
||||||
color: var(--fg-popup-fwcell-cname);
|
color: var(--fg-popup-cell-cname);
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span:first-of-type > sub {
|
#firewallContainer > div > span:first-of-type > sub {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -59,12 +59,12 @@
|
|||||||
--fg-tooltip: var(--fg-0);
|
--fg-tooltip: var(--fg-0);
|
||||||
|
|
||||||
/* popup panel */
|
/* popup panel */
|
||||||
--bg-popup-1: hsla(261, 0%, 93%, 1);
|
|
||||||
--fg-popup-power: hsla(214, 100%, 44%, 1);
|
--fg-popup-power: hsla(214, 100%, 44%, 1);
|
||||||
--fg-popup-power-hover: opacity(80%);
|
--fg-popup-power-hover: opacity(80%);
|
||||||
|
--bg-popup-cell-1: hsla(261, 0%, 93%, 1);
|
||||||
|
--bg-popup-cell-2: rgb(224, 224, 230);
|
||||||
--bg-popup-cell-label-filter: opacity(40%);
|
--bg-popup-cell-label-filter: opacity(40%);
|
||||||
--fg-popup-fwcell-cname: hsla(240, 100%, 40%, 1);
|
--fg-popup-cell-cname: hsla(240, 100%, 40%, 1);
|
||||||
--bg-popup-cell: var(--bg-popup-1);
|
|
||||||
--bg-popup-cell-allow: hsla(120, 40%, 75%, 1);
|
--bg-popup-cell-allow: hsla(120, 40%, 75%, 1);
|
||||||
--bg-popup-cell-allow-own: hsla(120, 100%, 30%, 1);
|
--bg-popup-cell-allow-own: hsla(120, 100%, 30%, 1);
|
||||||
--bg-popup-cell-noop: hsla(0, 0%, 75%, 1);
|
--bg-popup-cell-noop: hsla(0, 0%, 75%, 1);
|
||||||
|
Loading…
Reference in New Issue
Block a user