Better theming for dropdown buttons
This commit is contained in:
parent
36f26ef1d9
commit
5c09af74ca
|
@ -130,3 +130,16 @@
|
||||||
#sidebar-header {
|
#sidebar-header {
|
||||||
font-size: 1em !important;
|
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;
|
||||||
|
}
|
|
@ -26,7 +26,9 @@
|
||||||
#sidebar-switcher-target,
|
#sidebar-switcher-target,
|
||||||
#viewButton,
|
#viewButton,
|
||||||
.close-icon:not(.tab-close-button),
|
.close-icon:not(.tab-close-button),
|
||||||
#TabsToolbar .toolbarbutton-1 {
|
#TabsToolbar .toolbarbutton-1,
|
||||||
|
.menulist-label-box,
|
||||||
|
.expander-down, .expander-up {
|
||||||
-moz-appearance: none !important;
|
-moz-appearance: none !important;
|
||||||
background: var(--gnome-button-background) !important;
|
background: var(--gnome-button-background) !important;
|
||||||
box-shadow: var(--gnome-button-box-shadow) !important;
|
box-shadow: var(--gnome-button-box-shadow) !important;
|
||||||
|
@ -58,7 +60,6 @@
|
||||||
#appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack),
|
#appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack),
|
||||||
#tracking-protection-preferences-button:not(#hack),
|
#tracking-protection-preferences-button:not(#hack),
|
||||||
.findbar-container toolbarbutton.findbar-button,
|
.findbar-container toolbarbutton.findbar-button,
|
||||||
#sidebar-switcher-target,
|
|
||||||
#viewButton {
|
#viewButton {
|
||||||
padding: 2px 16px !important;
|
padding: 2px 16px !important;
|
||||||
text-align: center !important;
|
text-align: center !important;
|
||||||
|
@ -67,6 +68,24 @@
|
||||||
text-align: center !important;
|
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 */
|
/* Hover buttons */
|
||||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):hover,
|
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):hover,
|
||||||
.subviewbutton.panel-subview-footer:hover,
|
.subviewbutton.panel-subview-footer:hover,
|
||||||
|
@ -84,7 +103,9 @@
|
||||||
#sidebar-switcher-target:hover,
|
#sidebar-switcher-target:hover,
|
||||||
#viewButton:hover,
|
#viewButton:hover,
|
||||||
.close-icon:not(.tab-close-button):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;
|
outline: 0 !important;
|
||||||
background: var(--gnome-button-hover-background) !important;
|
background: var(--gnome-button-hover-background) !important;
|
||||||
}
|
}
|
||||||
|
@ -107,7 +128,9 @@
|
||||||
#sidebar-switcher-target:active, #sidebar-switcher-target.active,
|
#sidebar-switcher-target:active, #sidebar-switcher-target.active,
|
||||||
#viewButton[open],
|
#viewButton[open],
|
||||||
.close-icon:not(.tab-close-button):active,
|
.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;
|
background: var(--gnome-button-active-background) !important;
|
||||||
box-shadow: var(--gnome-button-active-box-shadow) !important;
|
box-shadow: var(--gnome-button-active-box-shadow) !important;
|
||||||
border-color: var(--gnome-button-active-border-color) !important;
|
border-color: var(--gnome-button-active-border-color) !important;
|
||||||
|
|
Loading…
Reference in New Issue