Fix: Padding - Panel margin compatibility FF v102(ESR) #595

This commit is contained in:
alstjr7375 2023-02-06 03:17:26 +09:00
parent 482b522540
commit 24948d4407
2 changed files with 8 additions and 1 deletions

View file

@ -3791,12 +3791,16 @@
/*= Panel - Reduce padding ===================================================*/
@supports -moz-bool-pref("userChrome.padding.panel") {
:root {
--arrowpanel-menuitem-margin-block: 0; /* FF 102 compatibility */
--arrowpanel-menuitem-margin-inline: 8px;
--arrowpanel-menuitem-margin: var(--arrowpanel-menuitem-margin-block) var(--arrowpanel-menuitem-margin-inline) !important; /* Original: 0 8px */
--arrowpanel-menuitem-padding-block: 5px !important; /* Original: 8px */
--arrowpanel-menuitem-padding-inline: 5px !important; /* Original: 8px */
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important; /* Compatibility */
--arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
}
:root[uidensity="compact"] {
--arrowpanel-menuitem-margin-inline: 4px; /* FF 102 compatibility */
--arrowpanel-menuitem-padding-block: 3px !important;
--arrowpanel-menuitem-padding-inline: 3px !important;
}

View file

@ -1,5 +1,7 @@
:root {
// --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding, 8px) !important; /* Original: 0 8px */
--arrowpanel-menuitem-margin-block: 0; /* FF 102 compatibility */
--arrowpanel-menuitem-margin-inline: 8px;
--arrowpanel-menuitem-margin: var(--arrowpanel-menuitem-margin-block) var(--arrowpanel-menuitem-margin-inline) !important; /* Original: 0 8px */
--arrowpanel-menuitem-padding-block: 5px !important; /* Original: 8px */
--arrowpanel-menuitem-padding-inline: 5px !important; /* Original: 8px */
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important; /* Compatibility */
@ -7,6 +9,7 @@
}
:root[uidensity="compact"] {
--arrowpanel-menuitem-margin-inline: 4px; /* FF 102 compatibility */
--arrowpanel-menuitem-padding-block: 3px !important;
--arrowpanel-menuitem-padding-inline: 3px !important;
}