Bug 1387689 - Set text color on heartbeat notification instead of heartbeat messageText. r=dao
authorJohann Hofmann <jhofmann@mozilla.com>
Tue, 08 Aug 2017 16:12:20 +0200
changeset 642762 f5d04dc4ffb99593de3a0e2a5444252cee57c359
parent 642761 a2bee09f932b9c34cc0b45a36b7b7491cb94d9fe
child 642763 38e3c45d3f9961b3c7bc7e4c47a5885a005c1517
push id72855
push userbmo:jryans@gmail.com
push dateTue, 08 Aug 2017 18:03:42 +0000
reviewersdao
bugs1387689
milestone57.0a1
Bug 1387689 - Set text color on heartbeat notification instead of heartbeat messageText. r=dao This un-breaks the close icon in the notification bar that picks up the current text color. MozReview-Commit-ID: 3C8t4jvjOf6
browser/extensions/shield-recipe-client/skin/shared/Heartbeat.css
--- a/browser/extensions/shield-recipe-client/skin/shared/Heartbeat.css
+++ b/browser/extensions/shield-recipe-client/skin/shared/Heartbeat.css
@@ -3,16 +3,17 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 /* Notification overrides for Heartbeat UI */
 
 notification.heartbeat {
   background-color: #F1F1F1 !important;
   border-bottom: 1px solid #C1C1C1 !important;
   height: 40px;
+  color: #333 !important;
 }
 
 @keyframes pulse-onshow {
   0% {
     opacity: 0;
     transform: scale(1);
   }
 
@@ -44,17 +45,16 @@ notification.heartbeat {
   }
 
   100% {
     transform: scale(1);
   }
 }
 
 .messageText.heartbeat {
-  color: #333 !important;
   margin-inline-end: 12px !important; /* The !important is required to override OSX default style. */
   margin-inline-start: 0;
   text-shadow: none;
 }
 
 .messageImage.heartbeat {
   height: 24px !important;
   margin-inline-end: 8px !important;