[mv3] Fix popup width for Firefox

This commit is contained in:
Raymond Hill 2025-05-12 19:31:40 -04:00
parent 9763a79c01
commit 84db4585f5
No known key found for this signature in database
GPG key ID: 25E1490B761470C2

View file

@ -4,21 +4,24 @@
top: -20%; top: -20%;
} }
:root {
--popup-min-width: calc(
var(--filtering-mode-slider-width) +
var(--filtering-mode-button-size)
);
}
:root body, :root body,
:root.mobile body { :root.mobile body {
--font-size: 14px; --font-size: 14px;
--popup-gap: var(--font-size); --popup-gap: var(--font-size);
--popup-gap-thin: calc(0.5 * var(--popup-gap)); --popup-gap-thin: calc(0.5 * var(--popup-gap));
--popup-gap-extra-thin: calc(0.25 * var(--popup-gap)); --popup-gap-extra-thin: calc(0.25 * var(--popup-gap));
--popup-main-min-width: calc(
var(--filtering-mode-slider-width) +
var(--filtering-mode-button-size)
);
--popup-firewall-min-width: 30em; --popup-firewall-min-width: 30em;
--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%; min-width: var(--popup-min-width);
} }
:root body.loading { :root body.loading {
opacity: 0; opacity: 0;
@ -37,14 +40,10 @@ a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 340px; max-width: 340px;
min-width: var(--popup-main-min-width);
} }
:root.portrait #main { :root.portrait #main {
align-self: inherit; align-self: inherit;
} }
:root.mobile #main {
/*min-width: 100%;*/
}
hr { hr {
border: 0; border: 0;
border-top: 1px solid var(--hr-ink); border-top: 1px solid var(--hr-ink);