Bug 1188001 - Badges on toolbar seems misplaced depends by the OS. r=gijs, ui-r=shorlander

This commit is contained in:
Matteo Ferretti 2015-08-21 08:48:00 -04:00
parent 51d3575e7c
commit f1e3808ff8
3 changed files with 14 additions and 12 deletions

View File

@ -106,20 +106,22 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
}
/* ::::: toolbarbutton badged ::::: */
.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) {
-moz-margin-end: 0;
}
.toolbarbutton-badge {
background-color: #d90000;
font-size: 10px;
font-weight: bold;
padding: 1px 2px;
padding: 0 2px 1px;
color: #fff;
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: -4px 0 0 !important;
-moz-margin-end: -2px !important;
min-width: 10px;
margin: -6px 0 0 !important;
-moz-margin-end: -8px !important;
min-width: 14px;
line-height: 10px;
text-align: center;
-moz-stack-sizing: ignore;

View File

@ -87,9 +87,9 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
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: -8px 0 0 !important;
-moz-margin-end: -8px !important;
min-width: 10px;
margin: -6px 0 0 !important;
-moz-margin-end: -6px !important;
min-width: 14px;
line-height: 10px;
text-align: center;
-moz-stack-sizing: ignore;

View File

@ -154,15 +154,15 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
background-color: #d90000;
font-size: 10px;
font-weight: bold;
padding: 1px 2px;
padding: 0 2px 1px;
color: #fff;
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: -4px 0 0 !important;
-moz-margin-end: -2px !important;
min-width: 10px;
margin: -6px 0 0 !important;
-moz-margin-end: -8px !important;
min-width: 14px;
line-height: 10px;
text-align: center;
-moz-stack-sizing: ignore;