mirror of https://github.com/gorhill/uBlock.git
[mv3] Fix glitchy popup panel when width increases
Related issue: https://github.com/uBlockOrigin/uBOL-home/issues/66
This commit is contained in:
parent
ee6de37b6e
commit
d005e3f3ac
|
@ -4,10 +4,6 @@
|
||||||
top: -20%;
|
top: -20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Internal CSS values */
|
|
||||||
:root body {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
:root body,
|
:root body,
|
||||||
:root.mobile body {
|
:root.mobile body {
|
||||||
--font-size: 14px;
|
--font-size: 14px;
|
||||||
|
@ -19,6 +15,7 @@
|
||||||
--popup-rule-cell-width: 5em;
|
--popup-rule-cell-width: 5em;
|
||||||
font-size: var(--font-size);
|
font-size: var(--font-size);
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
:root body.loading {
|
:root body.loading {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
@ -37,7 +34,7 @@ a {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
max-width: 340px;
|
max-width: 340px;
|
||||||
min-width: var(--popup-main-min-width);
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
:root.portrait #main {
|
:root.portrait #main {
|
||||||
align-self: inherit;
|
align-self: inherit;
|
||||||
|
@ -277,10 +274,3 @@ body:not([data-section~="b"]) [data-section="b"] {
|
||||||
#templates {
|
#templates {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
#main {
|
|
||||||
max-width: 100vw;
|
|
||||||
width: 100vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue