diff --git a/toolkit/mozapps/extensions/content/extensions.css b/toolkit/mozapps/extensions/content/extensions.css index 4038ad7541a3..1af940ce874c 100644 --- a/toolkit/mozapps/extensions/content/extensions.css +++ b/toolkit/mozapps/extensions/content/extensions.css @@ -176,10 +176,6 @@ richlistitem:not([selected]) * { width: 22em; } -#header-utils-btn { - -moz-user-focus: normal; -} - .discover-button[disabled="true"] { display: none; } diff --git a/toolkit/mozapps/extensions/content/extensions.xul b/toolkit/mozapps/extensions/content/extensions.xul index 183026a772cf..66ead59f3d28 100644 --- a/toolkit/mozapps/extensions/content/extensions.xul +++ b/toolkit/mozapps/extensions/content/extensions.xul @@ -230,7 +230,7 @@ - + diff --git a/toolkit/themes/linux/mozapps/extensions/extensions.css b/toolkit/themes/linux/mozapps/extensions/extensions.css index a718ea435dd2..de909dafeddb 100644 --- a/toolkit/themes/linux/mozapps/extensions/extensions.css +++ b/toolkit/themes/linux/mozapps/extensions/extensions.css @@ -8,17 +8,6 @@ font-size: 1.11em; } -#header-utils-btn:-moz-focusring { - outline: 1px dotted; - outline-offset: -2px; -} - -#header-utils-btn .toolbarbutton-icon { - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg"); - -moz-context-properties: fill; - fill: GrayText; -} - .sorter[checkState="1"] .button-icon { display: -moz-box; list-style-image: url("moz-icon://stock/gtk-sort-descending?size=16"); diff --git a/toolkit/themes/osx/mozapps/extensions/extensions.css b/toolkit/themes/osx/mozapps/extensions/extensions.css index 17e132e244ed..1edb7f940719 100644 --- a/toolkit/themes/osx/mozapps/extensions/extensions.css +++ b/toolkit/themes/osx/mozapps/extensions/extensions.css @@ -12,18 +12,6 @@ padding-inline-start: 0px !important; } -#header-utils-btn { - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg"); - -moz-context-properties: fill; - fill: #424f5a; -} - -#header-utils-btn > .toolbarbutton-menu-dropmarker { - list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg"); - padding: 0; - margin-inline-start: 2px; -} - .sorter[checkState="1"] { list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); } diff --git a/toolkit/themes/shared/extensions/extensions.inc.css b/toolkit/themes/shared/extensions/extensions.inc.css index 109e12369f7e..760169ca2272 100644 --- a/toolkit/themes/shared/extensions/extensions.inc.css +++ b/toolkit/themes/shared/extensions/extensions.inc.css @@ -250,36 +250,25 @@ button.warning { } } -#manage-shortcuts { - margin: 0 4px; - min-height: 30px; -} - #header-utils-btn { - -moz-appearance: none; - border: 1px solid var(--in-content-box-border-color); - border-radius: 2px; - line-height: 20px; - min-height: 30px; - background-color: var(--in-content-page-background); - padding-right: 10px; - padding-left: 10px; - /* This button is too tall, adding margin-bottom shrinks it. */ - margin-bottom: 2px; - margin-inline-end: 0; + -moz-context-properties: fill; + fill: currentColor; + min-width: auto; } -#header-utils-btn:hover { - background-color: var(--in-content-box-background-hover); - cursor: pointer; +#header-utils-btn > .button-box > hbox > .button-icon { + list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg"); } -#header-utils-btn:active:hover, -#header-utils-btn[open="true"] { - background-color: var(--in-content-box-background-active); +#header-utils-btn > .button-box > .button-menu-dropmarker { + display: block; + list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg"); + width: 12px; + margin-inline-start: 5px; + margin-inline-end: 1px; /* Match the 1px margin-inline-start on the icon. */ } -#header-utils-btn > .toolbarbutton-text { +#header-utils-btn > .button-box > hbox > .button-text { display: none; } diff --git a/toolkit/themes/shared/in-content/common.inc.css b/toolkit/themes/shared/in-content/common.inc.css index 98755a91dc78..a084e6fc4be1 100644 --- a/toolkit/themes/shared/in-content/common.inc.css +++ b/toolkit/themes/shared/in-content/common.inc.css @@ -235,6 +235,8 @@ html|button:enabled:hover:active, html|select:not([size]):not([multiple]):enabled:hover:active, html|input[type="color"]:enabled:hover:active, xul|button:not([disabled="true"]):hover:active, +xul|button[open], +xul|button[open]:hover, xul|menulist[open="true"]:not([disabled="true"]) { background-color: var(--in-content-button-background-active); } diff --git a/toolkit/themes/windows/mozapps/extensions/extensions.css b/toolkit/themes/windows/mozapps/extensions/extensions.css index cf43e434c96a..2a6b46bc65c5 100644 --- a/toolkit/themes/windows/mozapps/extensions/extensions.css +++ b/toolkit/themes/windows/mozapps/extensions/extensions.css @@ -8,18 +8,6 @@ font-size: 1.25em; } -#header-utils-btn { - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg"); - -moz-context-properties: fill; - fill: #424f5a; -} - -@media (-moz-windows-default-theme: 0) { - #header-utils-btn { - fill: GrayText; - } -} - .sorter[checkState="1"] { list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); }