Use new arrow icons on dropdown buttons, and extend support, #26

This commit is contained in:
Rafael Mardojai CM 2019-07-10 11:02:14 -05:00
parent 5c09af74ca
commit ef6bf399c8
2 changed files with 55 additions and 23 deletions

View File

@ -2,6 +2,60 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Popovers subview menu arrow */
.PanelUI-subView .subviewbutton-nav::after {
content: "" !important;
background: url("../icons/pan-start-symbolic.svg");
background-size: contain;
height: 16px;
width: 16px;
margin-top: -2px !important;
}
/* Popovers subview back button */
.subviewbutton-back {
list-style-image: url("../icons/pan-start-symbolic.svg") !important;
}
/* Arrow down buttons */
.expander-down > .button-box,
#sidebar-switcher-arrow {
-moz-appearance: none !important;
list-style-image: url("../icons/pan-down-symbolic.svg") !important;
width: 16px !important;
height: 16px !important;
}
.menulist-label-box:after {
content: url("../icons/pan-down-symbolic.svg") !important;
}
/* Arrow up buttons */
.expander-up > .button-box {
-moz-appearance: none !important;
list-style-image: url("../icons/pan-up-symbolic.svg") !important;
width: 16px !important;
height: 16px !important;;
}
/* Private browsing button */
#nav-bar #privatebrowsing-button .toolbarbutton-icon {
list-style-image: url("../icons/user-not-tracked.svg") !important;;
}
/* Invert icons color in dark variant */
#nav-bar #privatebrowsing-button .toolbarbutton-icon:-moz-lwtheme-brighttext,
.PanelUI-subView .subviewbutton-nav:-moz-lwtheme-brighttext::after,
.subviewbutton-back .toolbarbutton-icon:-moz-lwtheme-brighttext,
.menulist-label-box:-moz-lwtheme-brighttext:after,
.expander-down image:-moz-lwtheme-brighttext,
.expander-up image:-moz-lwtheme-brighttext,
#sidebar-switcher-arrow:-moz-lwtheme-brighttext {
filter: invert(100%) brightness(200%);
}
/* Back button */
#nav-bar #back-button .toolbarbutton-icon {
filter: var(--gnome-icons-hack-filter);
@ -40,22 +94,3 @@
filter: var(--gnome-icons-hack-filter);
list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important;
} */
/* Popovers subview menu arrow */
.PanelUI-subView .subviewbutton-nav::after {
content: "" !important;
filter: var(--gnome-icons-hack-filter);
background: url("moz-icon://stock/pan-start-symbolic?size=dialog");
background-size: contain;
height: 16px;
width: 16px;
margin-top: -2px !important;
}
/* Popovers subview back button */
.subviewbutton-back {
list-style-image: url("moz-icon://stock/pan-start-symbolic?size=dialog") !important;
}
.subviewbutton-back .toolbarbutton-icon {
filter: var(--gnome-icons-hack-filter);
}

View File

@ -71,9 +71,6 @@ panel:not(.tooltip-xul-wrapper) .panel-arrowcontent {
opacity: 0.5 !important;
}
.subviewbutton::after {
opacity: 0.7 !important;
}
.subviewbutton:not([disabled]):hover, .toolbarbutton-1:not([disabled]):hover {
background: var(--gnome-popover-button-hover-background) !important;
}