Bug 1474193 - Part 1 - Increase specificity of richlistitem rules for add-on items. r=mossop draft
authorPaolo Amadini <paolo.mozmail@amadzone.org>
Sun, 08 Jul 2018 22:18:34 +0100
changeset 815503 9ca13b852aa251788ec0b2d35f8bc18ad435894f
parent 815500 b0111088608390a0ab4baa3727e5e6fb06cd9f31
child 815504 0123c99822d21b541e2ed1c8a5c0e2a6ce2afc4d
push id115519
push userpaolo.mozmail@amadzone.org
push dateSun, 08 Jul 2018 21:35:23 +0000
reviewersmossop
bugs1474193
milestone63.0a1
Bug 1474193 - Part 1 - Increase specificity of richlistitem rules for add-on items. r=mossop MozReview-Commit-ID: 12BcJPju05e
toolkit/themes/shared/extensions/extensions.inc.css
--- a/toolkit/themes/shared/extensions/extensions.inc.css
+++ b/toolkit/themes/shared/extensions/extensions.inc.css
@@ -332,17 +332,17 @@ button.warning {
 .list > scrollbox > .scrollbox-innerbox {
   border: 1px dotted transparent;
 }
 
 .list:-moz-focusring > scrollbox > .scrollbox-innerbox {
   border-color: var(--in-content-border-focus);
 }
 
-.addon {
+richlistbox.list > richlistitem.addon {
   color: var(--in-content-text-color);
   border-bottom: 1px solid var(--in-content-box-border-color);
   padding: 5px;
   background-origin: border-box;
 }
 
 .addon:not(:only-child):last-child {
   border-bottom-width: 0;
@@ -559,17 +559,17 @@ button.warning {
   --view-highlight-color: #EFFAF2;
 }
 
 .addon-view[pending="disable"],
 .addon-view[pending="uninstall"] {
   --view-highlight-color: #F2F2F2;
 }
 
-.addon[selected] {
+.list > .addon[selected] {
   background-color: var(--in-content-page-background);
   color: var(--in-content-page-color);
   padding-inline-start: 1px; /* compensate the 4px border */
   border-inline-start: solid 4px var(--in-content-border-focus);
 }
 
 #addon-list .addon[active="false"] > .content-container > .content-inner-container {
   color: #999;
@@ -577,17 +577,17 @@ button.warning {
 
 #addon-list .addon[active="false"][selected] > .content-container > .content-inner-container {
   color: #777;
 }
 
 
 /*** item - uninstalled ***/
 
-.addon[status="uninstalled"] {
+.list > .addon[status="uninstalled"] {
   border: none;
 }
 
 .addon[status="uninstalled"] > .container {
   -moz-box-align: center;
   padding: 4px 20px;
   background-color: #FDFFA8;
   border-radius: 8px;