From 5c09af74ca3dbec2bc2828acb9ef12ea8fff408a Mon Sep 17 00:00:00 2001
From: Rafael Mardojai CM <mardojai.cardenas@gmail.com>
Date: Wed, 10 Jul 2019 11:01:32 -0500
Subject: [PATCH] Better theming for dropdown buttons

---
 theme/parts/buttons-fixes.css | 13 +++++++++++++
 theme/parts/buttons.css       | 31 +++++++++++++++++++++++++++----
 2 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/theme/parts/buttons-fixes.css b/theme/parts/buttons-fixes.css
index d42d60d..4003e8f 100755
--- a/theme/parts/buttons-fixes.css
+++ b/theme/parts/buttons-fixes.css
@@ -130,3 +130,16 @@
 #sidebar-header {
     font-size: 1em !important;
 }
+
+/* Sidebar header button arrow opacity */
+#sidebar-switcher-arrow {
+	opacity: 1 !important;
+}
+
+/* Bookmarks editor buttons */
+menulist {
+	-moz-appearance: none !important;
+}
+.expander-down image, .expander-up image {
+	margin: 6px !important;
+}
\ No newline at end of file
diff --git a/theme/parts/buttons.css b/theme/parts/buttons.css
index 4797ee5..24972f0 100755
--- a/theme/parts/buttons.css
+++ b/theme/parts/buttons.css
@@ -26,7 +26,9 @@
 #sidebar-switcher-target,
 #viewButton,
 .close-icon:not(.tab-close-button),
-#TabsToolbar .toolbarbutton-1 {
+#TabsToolbar .toolbarbutton-1,
+.menulist-label-box,
+.expander-down, .expander-up {
 	-moz-appearance: none !important;
 	background: var(--gnome-button-background) !important;
 	box-shadow: var(--gnome-button-box-shadow) !important;
@@ -58,7 +60,6 @@
 #appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack),
 #tracking-protection-preferences-button:not(#hack),
 .findbar-container toolbarbutton.findbar-button,
-#sidebar-switcher-target,
 #viewButton {
 	padding: 2px 16px !important;
 	text-align: center !important;
@@ -67,6 +68,24 @@
 	text-align: center !important;
 }
 
+/* Drop down buttons */
+.menulist-label-box,
+#sidebar-switcher-target {
+	padding: 2px 32px 2px 16px !important;
+	position: relative;
+}
+.menulist-label-box:after { /* Arrow position */
+	position: absolute !important;
+	right: 8px !important;
+	top: 8px !important;
+}
+#sidebar-switcher-arrow { /* Arrow position, type b */
+	margin-right: -24px
+}
+.menulist-label-box:after { /* Create arrow if icon tag no exist */
+	content: "";
+}
+
 /* Hover buttons */
 #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):hover,
 .subviewbutton.panel-subview-footer:hover,
@@ -84,7 +103,9 @@
 #sidebar-switcher-target:hover,
 #viewButton:hover,
 .close-icon:not(.tab-close-button):hover,
-#TabsToolbar .toolbarbutton-1:hover {
+#TabsToolbar .toolbarbutton-1:hover,
+menulist:hover .menulist-label-box,
+.expander-down:hover, .expander-up:hover {
 	outline: 0 !important;
 	background: var(--gnome-button-hover-background) !important;
 }
@@ -107,7 +128,9 @@
 #sidebar-switcher-target:active, #sidebar-switcher-target.active,
 #viewButton[open],
 .close-icon:not(.tab-close-button):active,
-#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open] {
+#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open],
+menulist[open] .menulist-label-box,
+.expander-down:active, .expander-up:active {
 	background: var(--gnome-button-active-background) !important;
 	box-shadow: var(--gnome-button-active-box-shadow) !important;
 	border-color: var(--gnome-button-active-border-color) !important;