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:
Raymond Hill 2018-12-28 09:03:32 -05:00
parent f6dde894cb
commit c78fa16e5b
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
1 changed files with 31 additions and 28 deletions

View File

@ -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 */