Bug 1424617 - Remove text-shadow in webextension badges. draft
authorOriol Brufau <oriol-bugzilla@hotmail.com>
Thu, 14 Dec 2017 16:03:22 +0100
changeset 711994 7ba70790415454e3c469442936d8c85b03094427
parent 710280 5f52c2488a831edbc33fa0bc6003ed4df9a62732
child 743945 348956f9015001c760c6e9086e070c48b13423fc
push id93219
push userbmo:oriol-bugzilla@hotmail.com
push dateFri, 15 Dec 2017 10:55:29 +0000
bugs1424617
milestone59.0a1
Bug 1424617 - Remove text-shadow in webextension badges. MozReview-Commit-ID: F4axgM8IL7C
toolkit/themes/linux/global/toolbarbutton.css
toolkit/themes/osx/global/toolbarbutton.css
toolkit/themes/windows/global/toolbarbutton.css
--- a/toolkit/themes/linux/global/toolbarbutton.css
+++ b/toolkit/themes/linux/global/toolbarbutton.css
@@ -108,16 +108,17 @@ toolbarbutton[type="menu-button"][disabl
   margin-inline-end: 0;
 }
 
 .toolbarbutton-badge {
   background-color: #d90000;
   font-size: 10px;
   padding: 0 2px 1px;
   color: #fff;
+  text-shadow: none;
   border-radius: 2px;
   box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
               0 -1px 0 hsla(0, 0%, 0%, .1) inset,
               0 1px 0 hsla(206, 50%, 10%, .2);
   margin: -6px 0 0 !important;
   margin-inline-end: -8px !important;
   min-width: 14px;
   max-width: 28px;
--- a/toolkit/themes/osx/global/toolbarbutton.css
+++ b/toolkit/themes/osx/global/toolbarbutton.css
@@ -76,16 +76,17 @@ toolbarbutton[type="menu-button"][disabl
 
 /* ::::: toolbarbutton badged ::::: */
 
 .toolbarbutton-badge {
   background-color: #d90000;
   font-size: 9px;
   padding: 1px 2px;
   color: #fff;
+  text-shadow: none;
   border-radius: 2px;
   box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
               0 -1px 0 hsla(0, 0%, 0%, .1) inset,
               0 1px 0 hsla(206, 50%, 10%, .2);
   margin: -6px 0 0 !important;
   margin-inline-end: -6px !important;
   min-width: 14px;
   max-width: 28px;
--- a/toolkit/themes/windows/global/toolbarbutton.css
+++ b/toolkit/themes/windows/global/toolbarbutton.css
@@ -129,16 +129,17 @@ toolbarbutton[type="menu-button"][disabl
 }
 
 .toolbarbutton-badge {
   background-color: #d90000;
   font-size: 10px;
   font-weight: bold;
   padding: 0 2px 1px;
   color: #fff;
+  text-shadow: none;
   border-radius: 2px;
   box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
               0 -1px 0 hsla(0, 0%, 0%, .1) inset,
               0 1px 0 hsla(206, 50%, 10%, .2);
   margin: -6px 0 0 !important;
   margin-inline-end: -8px !important;
   min-width: 14px;
   max-width: 28px;