From 24948d440769d5a34560230b1547dcdaacc7908f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 6 Feb 2023 03:17:26 +0900 Subject: [PATCH] Fix: Padding - Panel margin compatibility FF v102(ESR) #595 --- css/leptonChrome.css | 4 ++++ src/padding/_panel.scss | 5 ++++- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 590fc89..8259817 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -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; } diff --git a/src/padding/_panel.scss b/src/padding/_panel.scss index 5e356c3..e1d414a 100644 --- a/src/padding/_panel.scss +++ b/src/padding/_panel.scss @@ -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; }