More fine tuning of desktop panel as per feedback

Reduce height of more/less button. Related feedback:

https://github.com/uBlockOrigin/uBlock-issues/issues/1027#issuecomment-629867784

Use more concise text string for blocked requests
statistics. Related feedback:

https://github.com/uBlockOrigin/uBlock-issues/issues/1027#issuecomment-630015625

Fix issue with overly long hostnames, and spurious
spacing when using undocumented advanced setting.
Related feedback:

https://github.com/uBlockOrigin/uBlock-issues/issues/1027#issuecomment-630104078
This commit is contained in:
Raymond Hill 2020-05-18 08:09:26 -04:00
parent 2a1572982b
commit cb2ce0676b
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
2 changed files with 11 additions and 5 deletions

View File

@ -84,8 +84,8 @@
"description":"English: on this page" "description":"English: on this page"
}, },
"popupBlockedStats":{ "popupBlockedStats":{
"message":"{{count}} or {{percent}}%", "message":"{{count}} ({{percent}}%)",
"description":"Example: 15 or 13%" "description":"Example: 15 (13%)"
}, },
"popupBlockedSinceInstallPrompt":{ "popupBlockedSinceInstallPrompt":{
"message":"since install", "message":"since install",

View File

@ -113,6 +113,9 @@ body.needSave #revertRules {
margin: var(--popup-gap) var(--popup-gap-extra-thin); margin: var(--popup-gap) var(--popup-gap-extra-thin);
text-align: center; text-align: center;
} }
#hostname > span {
word-break: break-all;
}
#hostname > span + span { #hostname > span + span {
font-weight: 600; font-weight: 600;
} }
@ -222,9 +225,12 @@ body.mobile.no-tooltips .toolRibbon .tool {
#moreOrLess > span { #moreOrLess > span {
cursor: pointer; cursor: pointer;
margin: 0; margin: 0;
padding: var(--popup-gap); padding: var(--popup-gap-thin) var(--popup-gap);
user-select: none; user-select: none;
} }
:root.mobile #moreOrLess > span {
padding: var(--popup-gap);
}
#moreButton .fa-icon { #moreButton .fa-icon {
transform: rotate(180deg); transform: rotate(180deg);
} }
@ -524,8 +530,8 @@ body:not([data-more~="c"]) [data-more="c"],
body:not([data-more~="d"]) [data-more="d"], body:not([data-more~="d"]) [data-more="d"],
body:not([data-more~="f"]) [data-more="f"] { body:not([data-more~="f"]) [data-more="f"] {
height: 0; height: 0;
margin-bottom: 0; margin-bottom: 0 !important;
margin-top: 0; margin-top: 0 !important;
overflow-y: hidden; overflow-y: hidden;
visibility: hidden; visibility: hidden;
} }