Bug 1424617 - Remove text-shadow in webextension badges.
MozReview-Commit-ID: F4axgM8IL7C
--- 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;