Bug 1189704 - Fix shield icon animation margins and handle the right-to-left direction. r=bgrins

--HG--
extra : commitid : 3lDHJVQeegZ
extra : source : d334d7d67fa0770ce6bbe713b56ab55bd7ef9fdd
This commit is contained in:
Paolo Amadini 2015-08-17 14:05:29 +01:00
parent 770e6aab20
commit 359bc05df3

View File

@ -80,9 +80,9 @@
#tracking-protection-icon {
width: 16px;
height: 16px;
margin-inline-start: 0;
margin-inline-end: 2px;
list-style-image: url(chrome://browser/skin/tracking-protection-16.svg);
margin-left: 0;
opacity: 1;
}
@ -91,11 +91,11 @@
}
#tracking-protection-icon[animate] {
transition: margin-left 200ms ease-out;
transition: margin-left 200ms ease-out, margin-right 200ms ease-out;
}
#tracking-protection-icon:not([state]) {
margin-left: -16px;
margin-inline-start: -18px;
pointer-events: none;
opacity: 0;
/* Only animate the shield in, when it disappears hide it immediately. */