Mirrors
/
uBlock
mirror of https://github.com/gorhill/uBlock.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fine tune UI of "fenix" popup panel

This commit is contained in:
Raymond Hill 2020-02-17 09:35:58 -05:00
parent e123c96bbc
commit 7a93301d78
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/css/popup-fenix.css
View File

@ -222,7 +222,7 @@ body[dir="rtl"] #tooltip {
border: 0; border: 0;
flex-shrink: 0; flex-shrink: 0;
font-family: "Noto Sans", sans-serif; font-family: "Noto Sans", sans-serif;
font-size: 85%; font-size: 90%;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-y: auto; overflow-y: auto;
@ -258,8 +258,7 @@ body[dir="rtl"] #tooltip {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
color: #000; color: #000;
display: inline-flex; display: inline-flex;
flex-shrink: 0; padding: 0.35em 0;
padding: 0.33em 0;
position: relative; position: relative;
} }
#firewallContainer > div:first-of-type > span:first-of-type { #firewallContainer > div:first-of-type > span:first-of-type {
@ -269,6 +268,7 @@ body[dir="rtl"] #tooltip {
#firewallContainer > div > span:first-of-type { #firewallContainer > div > span:first-of-type {
align-items: flex-end; align-items: flex-end;
flex-direction: column; flex-direction: column;
flex-grow: 1;
justify-content: flex-end; justify-content: flex-end;
padding-right: 2px; padding-right: 2px;
width: calc(100% - 4em); width: calc(100% - 4em);
@ -286,8 +286,9 @@ body[dir="rtl"] #tooltip {
display: none; display: none;
} }
#firewallContainer > div > span:first-of-type ~ span { #firewallContainer > div > span:first-of-type ~ span {
flex-shrink: 0;
margin-left: 1px; margin-left: 1px;
width: 4em; width: 5em;
} }
#firewallContainer > div > span:nth-of-type(2) { #firewallContainer > div > span:nth-of-type(2) {
display: none; display: none;
@ -322,7 +323,9 @@ body[dir="rtl"] #tooltip {
} }
#firewallContainer > div > span[data-acount]::before, #firewallContainer > div > span[data-acount]::before,
#firewallContainer > div > span[data-bcount]::after { #firewallContainer > div > span[data-bcount]::after {
align-items: center;
content: ' '; content: ' ';
display: inline-flex;
} }
#firewallContainer > div > span[data-acount]::before { #firewallContainer > div > span[data-acount]::before {
padding-left: 0.1em; padding-left: 0.1em;
@ -349,9 +352,6 @@ body[dir="rtl"] #tooltip {
content: '\2212\2212\2212'; content: '\2212\2212\2212';
} }
body.advancedUser #firewallContainer > div > span:first-of-type {
width: calc(100% - 8em);
}
body.advancedUser #firewallContainer > div > span:nth-of-type(2) { body.advancedUser #firewallContainer > div > span:nth-of-type(2) {
display: inline-flex; display: inline-flex;
} }
@ -453,7 +453,7 @@ body.advancedUser #firewallContainer > div > span.noopRule.ownRule {
left: 0; left: 0;
position: absolute; position: absolute;
top: 0; top: 0;
width: 4em; width: 100%;
z-index: 1; z-index: 1;
} }
#actionSelector > span { #actionSelector > span {