diff --git a/css/leptonChrome.css b/css/leptonChrome.css index bf10826..a6c7251 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -4517,7 +4517,12 @@ } } .unified-extensions-item-menu-button.subviewbutton { - padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */ + padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */ + } + @supports -moz-bool-pref("userChrome.panel.full_width_padding") { + .unified-extensions-item-menu-button.subviewbutton { + --arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block); + } } :root[uidensity="compact"] :is(.unified-extensions-item, .unified-extensions-item-action-button) { padding-block: 0 !important; @@ -10201,7 +10206,7 @@ var(--uc-autohide-sidebar-delay) !important; } #sidebar-box:is(:hover, :focus-within), - #siebar-box:has(#sidebar-switcher-target.active) { + #sidebar-box:has(#sidebar-switcher-target.active) { transition: margin-inline-start var(--uc-autohide-sidebar-speed) var(--animation-easing-function), opacity var(--uc-autohide-sidebar-speed) ease-in-out, box-shadow var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-speed), @@ -10209,8 +10214,8 @@ } #sidebar-box:is(:hover, :focus-within) > #sidebar-header, #sidebar-box:is(:hover, :focus-within) > #sidebar, - #siebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, - #siebar-box:has(#sidebar-switcher-target.active) > #sidebar { + #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, + #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar { transition-delay: 0ms !important; } :root[inFullscreen="true"] #sidebar-box { diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css index db1f1f6..7ae06bf 100644 --- a/css/leptonChromeESR.css +++ b/css/leptonChromeESR.css @@ -4879,7 +4879,12 @@ } } .unified-extensions-item-menu-button.subviewbutton { - padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */ + padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */ + } + @supports -moz-bool-pref("userChrome.panel.full_width_padding") { + .unified-extensions-item-menu-button.subviewbutton { + --arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block); + } } :root[uidensity="compact"] :is(.unified-extensions-item, .unified-extensions-item-action-button) { padding-block: 0 !important; @@ -10621,7 +10626,7 @@ var(--uc-autohide-sidebar-delay) !important; } #sidebar-box:is(:hover, :focus-within), - #siebar-box:has(#sidebar-switcher-target.active) { + #sidebar-box:has(#sidebar-switcher-target.active) { transition: margin-inline-start var(--uc-autohide-sidebar-speed) var(--animation-easing-function), opacity var(--uc-autohide-sidebar-speed) ease-in-out, box-shadow var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-speed), @@ -10629,8 +10634,8 @@ } #sidebar-box:is(:hover, :focus-within) > #sidebar-header, #sidebar-box:is(:hover, :focus-within) > #sidebar, - #siebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, - #siebar-box:has(#sidebar-switcher-target.active) > #sidebar { + #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, + #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar { transition-delay: 0ms !important; } :root[inFullscreen="true"] #sidebar-box { diff --git a/src/padding/_panel.scss b/src/padding/_panel.scss index 757c77e..aa1e14e 100644 --- a/src/padding/_panel.scss +++ b/src/padding/_panel.scss @@ -31,14 +31,14 @@ } .unified-extensions-item { - // #603 + // #603, #735 &-menu-button.subviewbutton { - padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */ + padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */ + + @include Option("userChrome.panel.full_width_padding") { + --arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block); + } } - // Or - // toolbaritem.unified-extensions-item[unified-extensions="true"] .unified-extensions-item-menu-button.subviewbutton { - // padding: var(--arrowpanel-menuitem-padding-inline) !important; - // } // #711 :root[uidensity="compact"] :is(&, &-action-button) {