From 46bed210a18a08fb9f85051e66fdce304c4848d4 Mon Sep 17 00:00:00 2001 From: Dan Stillman Date: Sun, 22 Feb 2015 17:48:36 -0500 Subject: [PATCH] Toolbar icon tweaks on Windows --- .../content/zotero-platform/win/overlay.css | 27 ++++++++++++++++--- 1 file changed, 24 insertions(+), 3 deletions(-) diff --git a/chrome/content/zotero-platform/win/overlay.css b/chrome/content/zotero-platform/win/overlay.css index 21d479f71..c3281aeeb 100644 --- a/chrome/content/zotero-platform/win/overlay.css +++ b/chrome/content/zotero-platform/win/overlay.css @@ -1,8 +1,29 @@ -/* +/* As of Fx36, the built-in styles don't properly handle a menu-button within combined buttons. */ #zotero-toolbar-main-button[cui-areatype="toolbar"] { - margin-right:-1px !important; + margin-right: -1px !important; +} + +#zotero-toolbar-main-button[cui-areatype="toolbar"] .toolbarbutton-icon { + margin-left: 2px; + margin-right: -1px; + padding-left: 5px !important; + padding-right: 5px !important; +} + +#zotero-toolbar-save-button[cui-areatype="toolbar"] .toolbarbutton-icon { + padding-left: 6px !important; + padding-right: 6px !important; +} + +#zotero-toolbar-save-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker .dropmarker-icon { + padding-left: 5px !important; + padding-right: 4px !important; +} + +#zotero-toolbar-save-button[cui-areatype="toolbar"] .toolbarbutton-menubutton-button { + margin-left: -2px !important; } #zotero-toolbar-buttons[cui-areatype="toolbar"] > separator, @@ -49,7 +70,7 @@ The dropmarker doesn't honor :hover, so instead of showing the hover effect for each segment individually, do the menu-button parts together, which at least looks like a choice. */ -#zotero-toolbar-buttons[cui-areatype="toolbar"] > #zotero-toolbar-save-button:hover:not(:active) .toolbarbutton-menubutton-button .toolbarbutton-icon, +#zotero-toolbar-buttons[cui-areatype="toolbar"] > #zotero-toolbar-save-button:hover .toolbarbutton-menubutton-button .toolbarbutton-icon, #zotero-toolbar-buttons[cui-areatype="toolbar"] > #zotero-toolbar-save-button:hover:not(:active):not([disabled]) .toolbarbutton-menubutton-dropmarker .dropmarker-icon { background-color: hsla(210,48%,96%,.75) !important; }