Bug 1022550 - Fix the color of action buttons in Downloads Panel to satisfy High Contrast mode.; r?dao draft
authorSean Lee <selee@mozilla.com>
Thu, 27 Oct 2016 18:17:23 +0800
changeset 443443 bcf07ea3e728adbae9b3b9b516db03358de18fa3
parent 443220 34fce7c12173bdd6dda54c2ebf6d344252f1ac48
child 538049 56471cf1a32df03b5700057623b45d2d100ad87a
push id36991
push userbmo:selee@mozilla.com
push dateThu, 24 Nov 2016 13:32:54 +0000
reviewersdao
bugs1022550
milestone53.0a1
Bug 1022550 - Fix the color of action buttons in Downloads Panel to satisfy High Contrast mode.; r?dao MozReview-Commit-ID: VNCDg8Xrcp
browser/themes/shared/downloads/allDownloadsViewOverlay.inc.css
browser/themes/shared/downloads/downloads.inc.css
--- a/browser/themes/shared/downloads/allDownloadsViewOverlay.inc.css
+++ b/browser/themes/shared/downloads/allDownloadsViewOverlay.inc.css
@@ -91,17 +91,16 @@
   padding: 5px;
   color: inherit;
 }
 
 .downloadButton > .button-box {
   -moz-appearance: none;
   padding: 2px !important;
   border-radius: 50%;
-  color: graytext;
 }
 
 .downloadButton > .button-box > .button-icon {
   width: 16px;
   height: 16px;
   margin: 0;
   filter: url("chrome://global/skin/filters.svg#fill");
   fill: currentColor;
@@ -115,20 +114,16 @@
   background-color: graytext;
   color: -moz-field;
 }
 
 .downloadButton:hover:active > .button-box {
   background-color: -moz-fieldtext;
 }
 
-@itemFocused@ > .downloadButtonArea > .downloadButton > .button-box {
-  color: inherit;
-}
-
 @itemFocused@ > .downloadButtonArea > .downloadButton:hover > .button-box {
   background-color: HighlightText;
   color: Highlight;
 }
 
 @itemFocused@ > .downloadButtonArea > .downloadButton:hover:active > .button-box {
   background-color: -moz-field;
   color: -moz-fieldtext;
--- a/browser/themes/shared/downloads/downloads.inc.css
+++ b/browser/themes/shared/downloads/downloads.inc.css
@@ -255,17 +255,17 @@ richlistitem[type="download"] > .downloa
 
 .downloadButton {
   -moz-appearance: none;
   min-width: 58px;
   margin: 0;
   border: none;
   background: transparent;
   padding: 8px;
-  color: graytext;
+  color: inherit;
 }
 
 .downloadButton > .button-box > .button-icon {
   width: 16px;
   height: 16px;
   margin: 1px;
   filter: url("chrome://global/skin/filters.svg#fill");
   fill: currentColor;
@@ -302,20 +302,16 @@ richlistitem[type="download"] > .downloa
 
 @item@[verdict="Malware"]:hover,
 @item@[verdict="Malware"]:hover:active,
 @item@[verdict="Malware"][showingsubview] {
   background-color: #aa1b08;
   color: white;
 }
 
-@item@[verdict="Malware"]:hover > .downloadButtonArea > .downloadButton {
-  color: inherit;
-}
-
 /*** Button icons ***/
 
 .downloadIconCancel > .button-box > .button-icon {
   list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel");
 }
 
 .downloadIconShow > .button-box > .button-icon {
 %ifdef XP_MACOSX