mirror of https://github.com/gorhill/uBlock.git
Fine tune various visuals
Related feedback:
- e917213e81 (commitcomment-38533349)
This commit is contained in:
parent
0bcf04d3dd
commit
54b68ebd94
|
@ -26,7 +26,7 @@
|
||||||
<p>
|
<p>
|
||||||
<button id="userFiltersApply" class="custom important iconifiable" type="button" disabled><span class="fa"></span><span data-i18n="1pApplyChanges"></span></button>
|
<button id="userFiltersApply" class="custom important iconifiable" type="button" disabled><span class="fa"></span><span data-i18n="1pApplyChanges"></span></button>
|
||||||
<button id="userFiltersRevert" class="custom iconifiable" type="button" disabled><span class="fa"></span><span data-i18n="genericRevert"></span></button>
|
<button id="userFiltersRevert" class="custom iconifiable" type="button" disabled><span class="fa"></span><span data-i18n="genericRevert"></span></button>
|
||||||
  
|
 
|
||||||
<button id="importUserFiltersFromFile" class="custom iconifiable" type="button"><span class="fa"></span><span data-i18n="1pImport"></span></button>
|
<button id="importUserFiltersFromFile" class="custom iconifiable" type="button"><span class="fa"></span><span data-i18n="1pImport"></span></button>
|
||||||
<button id="exportUserFiltersToFile" class="custom iconifiable" type="button"><span class="fa"></span><span data-i18n="1pExport"></span></button>
|
<button id="exportUserFiltersToFile" class="custom iconifiable" type="button"><span class="fa"></span><span data-i18n="1pExport"></span></button>
|
||||||
</p>
|
</p>
|
||||||
|
|
|
@ -77,7 +77,7 @@ body.hideUnused #listsOfBlockedHostsPrompt::before,
|
||||||
color: var(--fg-0-50);
|
color: var(--fg-0-50);
|
||||||
display: none;
|
display: none;
|
||||||
fill: var(--fg-0-50);
|
fill: var(--fg-0-50);
|
||||||
font-size: 110%;
|
font-size: 120%;
|
||||||
margin: 0 0.2em 0 0;
|
margin: 0 0.2em 0 0;
|
||||||
}
|
}
|
||||||
.listEntry .fa:hover,
|
.listEntry .fa:hover,
|
||||||
|
@ -91,7 +91,7 @@ body.hideUnused #listsOfBlockedHostsPrompt::before,
|
||||||
.listEntry a.towiki {
|
.listEntry a.towiki {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
.listEntry.support > a.support {
|
.listEntry.support a.support {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
.listEntry .remove,
|
.listEntry .remove,
|
||||||
|
|
|
@ -31,17 +31,14 @@
|
||||||
|
|
||||||
.cm-search-widget {
|
.cm-search-widget {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: #eee;
|
background-color: var(--bg-code);
|
||||||
cursor: default;
|
cursor: default;
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
font-size: 110%;
|
font-size: 110%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 4px 8px;
|
padding: 0.5em;
|
||||||
/* position: absolute; */
|
|
||||||
right: 2em;
|
|
||||||
top: 0;
|
|
||||||
user-select: none;
|
user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
|
@ -58,11 +55,13 @@
|
||||||
border: 1px solid gray;
|
border: 1px solid gray;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
min-width: 16em;
|
max-width: 50vw;
|
||||||
|
width: 16em;
|
||||||
}
|
}
|
||||||
.cm-search-widget-input > input {
|
.cm-search-widget-input > input {
|
||||||
border: 0;
|
border: 0;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
.cm-search-widget-input > .cm-search-widget-count {
|
.cm-search-widget-input > .cm-search-widget-count {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -74,7 +74,11 @@ button.custom.important[disabled] {
|
||||||
}
|
}
|
||||||
button.custom.iconifiable > .fa,
|
button.custom.iconifiable > .fa,
|
||||||
button.custom.iconifiable > .fa-icon {
|
button.custom.iconifiable > .fa-icon {
|
||||||
padding-right: 0.5em;
|
padding-left: 0;
|
||||||
|
padding-right: 0.4em;
|
||||||
|
}
|
||||||
|
button.custom.iconifiable > .fa-icon {
|
||||||
|
font-size: 120%;
|
||||||
}
|
}
|
||||||
body[dir="rtl"] button.custom.iconifiable > .fa,
|
body[dir="rtl"] button.custom.iconifiable > .fa,
|
||||||
body[dir="rtl"] button.custom.iconifiable > .fa-icon {
|
body[dir="rtl"] button.custom.iconifiable > .fa-icon {
|
||||||
|
|
|
@ -23,7 +23,7 @@ a {
|
||||||
.fa-icon.info {
|
.fa-icon.info {
|
||||||
color: var(--fg-icon-info-lvl-0-dimmed);
|
color: var(--fg-icon-info-lvl-0-dimmed);
|
||||||
fill: var(--fg-icon-info-lvl-0-dimmed);
|
fill: var(--fg-icon-info-lvl-0-dimmed);
|
||||||
font-size: 110%;
|
font-size: 120%;
|
||||||
}
|
}
|
||||||
.fa.info:hover,
|
.fa.info:hover,
|
||||||
.fa-icon.info:hover {
|
.fa-icon.info:hover {
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0.1em;
|
padding: 0 0.1em;
|
||||||
position: relative;
|
position: relative;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
vertical-align: text-bottom;
|
vertical-align: text-bottom;
|
||||||
|
|
|
@ -15,7 +15,8 @@ body {
|
||||||
}
|
}
|
||||||
@media (pointer: coarse) {
|
@media (pointer: coarse) {
|
||||||
body {
|
body {
|
||||||
min-width: 100vw;
|
min-width: unset;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
|
@ -148,7 +149,7 @@ 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;
|
font: 10px/12px sans-serif;
|
||||||
margin-top: 0.8em;
|
margin-top: 0.5em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue