Bug 1512887 - Fix category styling by overriding button background. r=dao
authormatthias <matthias@kammueller.eu>
Fri, 14 Dec 2018 09:11:12 +0000
changeset 450509 8faacdfed47bcb050f41089197a67425b706a81f
parent 450508 38a1a2c9b3b6ade2ed09cc60078fddf776c883a4
child 450510 15f8b27f13054b6c1029d2b2c47968a63cbd9c93
push id74696
push userdgottwald@mozilla.com
push dateFri, 14 Dec 2018 09:11:49 +0000
treeherderautoland@8faacdfed47b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1512887
milestone66.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1512887 - Fix category styling by overriding button background. r=dao Differential Revision: https://phabricator.services.mozilla.com/D14120
toolkit/themes/shared/in-content/common.inc.css
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -606,29 +606,33 @@ xul|*.radio-label-box {
   -moz-appearance: none;
   color: var(--in-content-category-text);
   margin-inline-start: 34px;
   padding-inline-end: 10px;
   padding-inline-start: 10px;
   transition: background-color 150ms;
 }
 
+*|*#categories > *|button.category {
+  background-color: transparent;
+}
+
 *|*#categories > *|*.category:hover {
   background-color: var(--in-content-category-background-hover);
   border-radius: 2px;
 }
 
 *|*#categories > *|*.category:hover:active {
   background-color: var(--in-content-category-background-active);
 }
 
 *|*#categories > *|*.category[selected],
 *|*#categories > *|*.category.selected {
   color: var(--in-content-category-text-selected);
-  background: none;
+  background-color: transparent;
 }
 
 *|*#categories > *|*.category[selected]:hover,
 *|*#categories > *|*.category.selected:hover {
   background-color: var(--in-content-category-background-selected-hover);
 }
 
 *|*#categories > *|*.category[selected]:hover:active,