fix app menu zoom button sizes

This commit is contained in:
bmFtZQ 2022-12-14 23:30:50 +08:00
parent 5ed069c80a
commit a5a870b74a

View file

@ -54,13 +54,13 @@
} }
.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined)>.toolbarbutton-text, .widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined)>.toolbarbutton-text,
.subviewbutton:not(#appMenu-zoom-controls2 > .subviewbutton)>.toolbarbutton-icon+.toolbarbutton-text, .subviewbutton:not(#appMenu-zoom-controls > .subviewbutton)>.toolbarbutton-icon+.toolbarbutton-text,
#appMenu-fxa-label2>vbox { #appMenu-fxa-label2>vbox {
padding-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important; padding-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important;
} }
/* special case menuitems with no icons */ /* special case menuitems with no icons */
#appMenu-zoom-controls2>.toolbarbutton-text, #appMenu-zoom-controls>.toolbarbutton-text,
#fxa-manage-account-button>vbox, #fxa-manage-account-button>vbox,
#PanelUI-fxa-menu-syncnow-button>hbox { #PanelUI-fxa-menu-syncnow-button>hbox {
padding-inline-start: calc(16px + var(--uc-arrowpanel-menuicon-margin-inline)) !important; padding-inline-start: calc(16px + var(--uc-arrowpanel-menuicon-margin-inline)) !important;
@ -95,28 +95,28 @@
} }
/* zoom controls */ /* zoom controls */
#appMenu-zoom-controls2 { #appMenu-zoom-controls {
border-top: 1px solid var(--panel-separator-color) !important; border-top: 1px solid var(--panel-separator-color) !important;
padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) + var(--uc-arrowpanel-menuitem-margin-inline)) var(--uc-arrowpanel-menuitem-margin-inline) !important; padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) + var(--uc-arrowpanel-menuitem-margin-inline)) var(--uc-arrowpanel-menuitem-margin-inline) !important;
padding-block: var(--uc-panel-zoom-padding-block) !important; padding-block: var(--uc-panel-zoom-padding-block) !important;
margin: var(--panel-separator-margin-vertical) 0 calc(var(--panel-separator-margin-vertical) * -1) !important; margin: var(--panel-separator-margin-vertical) 0 calc(var(--panel-separator-margin-vertical) * -1) !important;
} }
#appMenu-zoom-controls2>.subviewbutton { #appMenu-zoom-controls>.subviewbutton {
padding: var(--uc-panel-zoom-button-padding) var(--uc-panel-zoom-button-inline-padding) !important; padding: var(--uc-panel-zoom-button-padding) var(--uc-panel-zoom-button-inline-padding) !important;
margin: 0 !important; margin: 0 !important;
} }
#appMenu-zoom-controls2>#appMenu-zoomReset-button2 { #appMenu-zoom-controls>#appMenu-zoomReset-button2 {
padding: var(--uc-panel-zoom-button-padding) calc(var(--uc-panel-zoom-button-padding) / 2) !important; padding: var(--uc-panel-zoom-button-padding) calc(var(--uc-panel-zoom-button-padding) / 2) !important;
} }
/* #appMenu-zoomReduce-button2, */ /* #appMenu-zoomReduce-button2, */
#appMenu-zoom-controls2>#appMenu-fullscreen-button2 { #appMenu-zoom-controls>#appMenu-fullscreen-button2 {
margin-left: calc((var(--panel-separator-margin-vertical) + var(--uc-arrowpanel-menuitem-margin-block)) * 2 + 1px) !important; margin-left: calc((var(--panel-separator-margin-vertical) + var(--uc-arrowpanel-menuitem-margin-block)) * 2 + 1px) !important;
} }
#appMenu-zoom-controls2>#appMenu-fullscreen-button2::before { #appMenu-zoom-controls>#appMenu-fullscreen-button2::before {
content: ""; content: "";
border-inline-start: 1px solid var(--panel-separator-color); border-inline-start: 1px solid var(--panel-separator-color);
display: block; display: block;
@ -231,14 +231,14 @@
margin-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important; margin-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important;
} }
#editBookmarkPanel > #editBookmarkHeaderSeparator, #editBookmarkPanel>#editBookmarkHeaderSeparator,
#editBookmarkPanel > .panel-subview-body > #editBookmarkSeparator { #editBookmarkPanel>.panel-subview-body>#editBookmarkSeparator {
margin-inline: 0 !important; margin-inline: 0 !important;
} }
/* subview */ /* subview */
.panel-header { .panel-header {
padding: 4px; padding: 4px !important;
padding-top: 4px !important; padding-top: 4px !important;
} }
@ -394,7 +394,7 @@ panelview .toolbarbutton-1,
menupopup:not(.PanelUI-subView) menu, menupopup:not(.PanelUI-subView) menu,
menupopup:not(.PanelUI-subView) menuseparator, menupopup:not(.PanelUI-subView) menuseparator,
panel { panel {
-moz-appearance: none !important; appearance: none !important;
} }
menupopup:not(.PanelUI-subView), menupopup:not(.PanelUI-subView),