Bug 1461522 - Persist active styles for a button with an expanded menu; r?jdescottes
When we open the menu, the menu button should remain active so long as the menu
is open.
MozReview-Commit-ID: DPYEjbNiOuY
--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -353,30 +353,31 @@ checkbox:-moz-focusring {
.devtools-toolbarbutton[standalone],
.devtools-button[data-standalone],
.devtools-button:not(:empty) {
background: var(--toolbarbutton-background);
padding: 0 5px;
}
.devtools-toolbarbutton:not([label]):hover,
-.devtools-button:empty:not(:disabled):hover {
+.devtools-button:empty:not(:disabled):not([aria-expanded="true"]):hover {
background: var(--toolbarbutton-background);
}
.devtools-button:focus {
background-color: var(--theme-toolbar-hover);
}
/* Selectable button which is unchecked. */
.devtools-button:not(:empty):not(:disabled):not(.checked):hover,
.devtools-toolbarbutton[label]:not(:-moz-any([checked=true],[disabled])):hover,
.devtools-button:empty:not(:disabled):-moz-any(:hover:active,.checked),
-.devtools-toolbarbutton:not([label]):-moz-any([checked],[open],:hover:active) {
+.devtools-toolbarbutton:not([label]):-moz-any([checked],[open],:hover:active),
+.devtools-button[aria-haspopup="menu"][aria-expanded="true"] {
background: var(--toolbarbutton-hover-background);
border-color: var(--toolbarbutton-hover-border-color);
}
.devtools-button:not(:empty):not(.checked):not(:disabled):hover:active,
.devtools-toolbarbutton:not(:-moz-any([checked=true],[disabled]))[label]:hover:active {
background-color: var(--theme-selection-background-hover);
}