mirror of https://github.com/gorhill/uBlock.git
Fine tune spacing of per-site switches
Hopefully this will fix the issue seen on Firefox for Android: for some reasons, the popup panel's default size is now more zoomed out than it used to be in latest stable release. Additionally, I fixed the syntactically incorrect instances of :before and :after.
This commit is contained in:
parent
f6dde894cb
commit
c78fa16e5b
|
@ -148,10 +148,13 @@ body.off #switch .fa-icon {
|
||||||
color: #888;
|
color: #888;
|
||||||
display: flex;
|
display: flex;
|
||||||
fill: #888;
|
fill: #888;
|
||||||
justify-content: space-evenly;
|
justify-content: center;
|
||||||
margin: 0.8em 0 0 0;
|
margin: 0.8em 0 0 0;
|
||||||
padding: 0.2em 0;
|
padding: 0.2em 0;
|
||||||
}
|
}
|
||||||
|
body.responsive #extraTools {
|
||||||
|
justify-content: space-evenly;
|
||||||
|
}
|
||||||
#extraTools > span {
|
#extraTools > span {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
|
@ -279,7 +282,7 @@ body[dir="rtl"] #tooltip {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
width: calc(100% - 4em);
|
width: calc(100% - 4em);
|
||||||
}
|
}
|
||||||
#firewallContainer > div.isDomain > span.isIDN:first-of-type > sup:before {
|
#firewallContainer > div.isDomain > span.isIDN:first-of-type > sup::before {
|
||||||
color: #666;
|
color: #666;
|
||||||
content: '\0416\2002';
|
content: '\0416\2002';
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
|
@ -303,12 +306,12 @@ body[dir="rtl"] #tooltip {
|
||||||
#firewallContainer > div.isDomain > span:first-of-type {
|
#firewallContainer > div.isDomain > span:first-of-type {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
#firewallContainer > div:first-of-type > span:first-of-type:before {
|
#firewallContainer > div:first-of-type > span:first-of-type::before {
|
||||||
color: #aaa;
|
color: #aaa;
|
||||||
content: '\2012';
|
content: '\2012';
|
||||||
padding-right: 0.25em;
|
padding-right: 0.25em;
|
||||||
}
|
}
|
||||||
#firewallContainer.minimized > div:first-of-type > span:first-of-type:before {
|
#firewallContainer.minimized > div:first-of-type > span:first-of-type::before {
|
||||||
content: '+';
|
content: '+';
|
||||||
}
|
}
|
||||||
#firewallContainer.minimized > div.isDomain > span:nth-of-type(3) {
|
#firewallContainer.minimized > div.isDomain > span:nth-of-type(3) {
|
||||||
|
@ -317,32 +320,32 @@ body[dir="rtl"] #tooltip {
|
||||||
#firewallContainer.minimized > div.isDomain > span:nth-of-type(4) {
|
#firewallContainer.minimized > div.isDomain > span:nth-of-type(4) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span[data-acount]:before,
|
#firewallContainer > div > span[data-acount]::before,
|
||||||
#firewallContainer > div > span[data-bcount]:after {
|
#firewallContainer > div > span[data-bcount]::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span[data-acount]:before {
|
#firewallContainer > div > span[data-acount]::before {
|
||||||
left: 0.1em;
|
left: 0.1em;
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span[data-acount="1"]:before {
|
#firewallContainer > div > span[data-acount="1"]::before {
|
||||||
content: '+';
|
content: '+';
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span[data-acount="2"]:before {
|
#firewallContainer > div > span[data-acount="2"]::before {
|
||||||
content: '++';
|
content: '++';
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span[data-acount="3"]:before {
|
#firewallContainer > div > span[data-acount="3"]::before {
|
||||||
content: '+++';
|
content: '+++';
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span[data-bcount]:after {
|
#firewallContainer > div > span[data-bcount]::after {
|
||||||
right: 0.1em;
|
right: 0.1em;
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span[data-bcount="1"]:after {
|
#firewallContainer > div > span[data-bcount="1"]::after {
|
||||||
content: '\2212';
|
content: '\2212';
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span[data-bcount="2"]:after {
|
#firewallContainer > div > span[data-bcount="2"]::after {
|
||||||
content: '\2212\2212';
|
content: '\2212\2212';
|
||||||
}
|
}
|
||||||
#firewallContainer > div > span[data-bcount="3"]:after {
|
#firewallContainer > div > span[data-bcount="3"]::after {
|
||||||
content: '\2212\2212\2212';
|
content: '\2212\2212\2212';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -362,10 +365,10 @@ body.advancedUser #firewallContainer > div > span:first-of-type ~ span {
|
||||||
/**
|
/**
|
||||||
Small coloured label at the left of a row
|
Small coloured label at the left of a row
|
||||||
*/
|
*/
|
||||||
#firewallContainer > div.allowed > span:first-of-type:before,
|
#firewallContainer > div.allowed > span:first-of-type::before,
|
||||||
#firewallContainer > div.blocked > span:first-of-type:before,
|
#firewallContainer > div.blocked > span:first-of-type::before,
|
||||||
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type:before,
|
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before,
|
||||||
#firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type:before {
|
#firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
content: '';
|
content: '';
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -379,24 +382,24 @@ body.advancedUser #firewallContainer > div > span:first-of-type ~ span {
|
||||||
Source for color-blind color scheme from https://github.com/WyohKnott:
|
Source for color-blind color scheme from https://github.com/WyohKnott:
|
||||||
https://github.com/chrisaljoudi/uBlock/issues/467#issuecomment-95177219
|
https://github.com/chrisaljoudi/uBlock/issues/467#issuecomment-95177219
|
||||||
*/
|
*/
|
||||||
#firewallContainer > div.allowed > span:first-of-type:before,
|
#firewallContainer > div.allowed > span:first-of-type::before,
|
||||||
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type:before {
|
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
||||||
background-color: rgb(0, 160, 0);
|
background-color: rgb(0, 160, 0);
|
||||||
}
|
}
|
||||||
#firewallContainer.colorBlind > div.allowed > span:first-of-type:before,
|
#firewallContainer.colorBlind > div.allowed > span:first-of-type::before,
|
||||||
#firewallContainer.colorBlind.minimized > div.isDomain.totalAllowed > span:first-of-type:before {
|
#firewallContainer.colorBlind.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
||||||
background-color: rgb(255, 194, 57);
|
background-color: rgb(255, 194, 57);
|
||||||
}
|
}
|
||||||
#firewallContainer > div.blocked > span:first-of-type:before,
|
#firewallContainer > div.blocked > span:first-of-type::before,
|
||||||
#firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type:before {
|
#firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
||||||
background-color: rgb(192, 0, 0);
|
background-color: rgb(192, 0, 0);
|
||||||
}
|
}
|
||||||
#firewallContainer.colorBlind > div.blocked > span:first-of-type:before,
|
#firewallContainer.colorBlind > div.blocked > span:first-of-type::before,
|
||||||
#firewallContainer.colorBlind.minimized > div.isDomain.totalBlocked > span:first-of-type:before {
|
#firewallContainer.colorBlind.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
||||||
background-color: rgb(0, 19, 110);
|
background-color: rgb(0, 19, 110);
|
||||||
}
|
}
|
||||||
#firewallContainer > div.allowed.blocked > span:first-of-type:before,
|
#firewallContainer > div.allowed.blocked > span:first-of-type::before,
|
||||||
#firewallContainer.minimized > div.isDomain.totalAllowed.totalBlocked > span:first-of-type:before {
|
#firewallContainer.minimized > div.isDomain.totalAllowed.totalBlocked > span:first-of-type::before {
|
||||||
background-color: rgb(192, 160, 0);
|
background-color: rgb(192, 160, 0);
|
||||||
}
|
}
|
||||||
/* Rule cells */
|
/* Rule cells */
|
||||||
|
|
Loading…
Reference in New Issue