mirror of https://github.com/gorhill/uBlock.git
Improve dashboard layout at high zoom factor
Related issue: https://github.com/uBlockOrigin/uBlock-issues/issues/3211
This commit is contained in:
parent
2481e4a130
commit
6152f5269e
|
@ -10,6 +10,7 @@ body {
|
|||
height: 100%;
|
||||
justify-content: stretch;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.body {
|
||||
|
@ -26,6 +27,7 @@ html:not(.mobile) [data-i18n="1pTrustWarning"] {
|
|||
flex-grow: 1;
|
||||
}
|
||||
#userFilters {
|
||||
min-height: 8em;
|
||||
text-align: left;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
|
|
@ -222,7 +222,7 @@ html:not(.mobile) .cm-search-widget .fa-icon:not(.fa-icon-ro):hover {
|
|||
}
|
||||
.cm-search-widget-input input {
|
||||
flex-grow: 1;
|
||||
max-width: 16em;
|
||||
max-width: min(16em, 40svw);
|
||||
}
|
||||
.cm-search-widget-count {
|
||||
align-items: center;
|
||||
|
@ -238,7 +238,7 @@ html:not(.mobile) .cm-search-widget .fa-icon:not(.fa-icon-ro):hover {
|
|||
visibility: hidden;
|
||||
}
|
||||
.cm-search-widget .sourceURL[href=""] {
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
:root.mobile .cm-search-widget .sourceURL[href=""] {
|
||||
display: none;
|
||||
|
|
|
@ -27,7 +27,8 @@ body.notReady {
|
|||
}
|
||||
#dashboard-nav > span {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.tabButton {
|
||||
background-color: transparent;
|
||||
|
@ -112,10 +113,6 @@ body.noDashboard #dashboard-nav {
|
|||
border-bottom-color: var(--dashboard-tab-hover-border);
|
||||
}
|
||||
|
||||
:root.mobile #dashboard-nav > span {
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
}
|
||||
:root.mobile #dashboard-nav .logo {
|
||||
display: none;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue