diff --git a/src/browser/themes/shared/zen-icons/icons.css b/src/browser/themes/shared/zen-icons/icons.css index 5bb5a354a..fabbb5ad0 100644 --- a/src/browser/themes/shared/zen-icons/icons.css +++ b/src/browser/themes/shared/zen-icons/icons.css @@ -1006,11 +1006,6 @@ menuitem[id="placesContext_new:separator"] { .unified-extensions-context-menu-move-widget-up { --menu-image: url("arrow-up.svg"); } -.unified-extensions-item .webextension-browser-action.subviewbutton > .toolbarbutton-badge-stack > .toolbarbutton-icon -{ - height: 24px !important; - width: 24px !important; -} :not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menuitem:not(.menuitem-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menuitem, .unified-nav-current), :not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menu:not(.menu-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menu, .unified-nav-current), diff --git a/src/browser/themes/shared/zen-panel-ui.css b/src/browser/themes/shared/zen-panel-ui.css index 25df7e75b..3aeeb6620 100644 --- a/src/browser/themes/shared/zen-panel-ui.css +++ b/src/browser/themes/shared/zen-panel-ui.css @@ -1,7 +1,8 @@ #PanelUI-zen-profiles { - --menu-panel-width: 20em; + --menu-panel-width: 19em; position: relative; + padding-bottom: 5px; } #PanelUI-zen-profiles-header { @@ -35,8 +36,9 @@ } #PanelUI-zen-profiles-list .PanelUI-zen-profiles-item { - margin-top: 0; - margin-bottom: 0; + margin-bottom: 2px; + border-radius: 5px; + margin: 2px 5px; } #PanelUI-zen-profiles-list > toolbarseparator:first-child { diff --git a/src/toolkit/themes/shared/zen-popup.css b/src/toolkit/themes/shared/zen-popup.css index b842d9370..3d109bf8b 100644 --- a/src/toolkit/themes/shared/zen-popup.css +++ b/src/toolkit/themes/shared/zen-popup.css @@ -68,7 +68,7 @@ } .subviewbutton>.toolbarbutton-icon { - width: 16px !important; + width: 15px !important; } /* firefox profile avatar in appmenu */ @@ -382,3 +382,59 @@ menu, menuitem { background-color: var(--zen-colors-border) !important; } } + +/** Unified Extensions View */ + +#unified-extensions-view { + --uei-icon-size: 16px !important; + + .unified-extensions-item { + margin-block: 0 !important; + border-radius: var(--arrowpanel-menuitem-border-radius) !important; + + > .unified-extensions-item-action-button { + .unified-extensions-item-message-deck { + /* TODO: could be interesting! */ + /*display: none;*/ + } + + &:hover { + background-color: initial !important; + } + } + + > .unified-extensions-item-menu-button { + list-style-image: url("chrome://global/skin/icons/more.svg") !important; + padding: 0 !important; + + > .toolbarbutton-icon { + padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important; + border: none !important; + opacity: 0; + } + + &:hover { + + > .toolbarbutton-icon { + background-color: initial !important; + } + + &:active { + color: var(--button-primary-hover-bgcolor) !important; + } + } + } + + &:hover { + background-color: var(--panel-item-hover-bgcolor); + + > .unified-extensions-item-menu-button > .toolbarbutton-icon { + opacity: 1; + } + } + + &:has(> .unified-extensions-item-action-button:not([disabled]):hover:active) { + background-color: var(--panel-item-active-bgcolor); + } + } +}