[mv3] Fix glitchy popup panel when width increases

Related issue:
https://github.com/uBlockOrigin/uBOL-home/issues/66
This commit is contained in:
Raymond Hill 2023-09-16 12:23:47 -04:00
parent ee6de37b6e
commit d005e3f3ac
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
1 changed files with 2 additions and 12 deletions

View File

@ -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;
}
}