Bug 962282 - Flip the Metro back button arrows and tab outline in RTL locales. r=mbrubeck

This commit is contained in:
Marina Samuel 2014-01-29 15:40:09 -05:00
parent 449e0aabd1
commit 79e566cd9d
2 changed files with 31 additions and 4 deletions

View File

@ -194,6 +194,12 @@ documenttab[selected] .documenttab-selection {
background: transparent -moz-image-rect(url("chrome://browser/skin/images/tab-overlay.png"), 50%, 100%, 100%, 0%) 50% 50% no-repeat;
}
.documenttab-crop:-moz-locale-dir(rtl),
.documenttab-selection:-moz-locale-dir(rtl),
documenttab[selected] .documenttab-selection:-moz-locale-dir(rtl) {
transform: scaleX(-1);
}
.documenttab-close {
background: none !important;
padding: @metro_spacing_small@ !important;
@ -389,8 +395,7 @@ documenttab[selected] .documenttab-selection {
background-position: right 6px center;
}
#overlay-plus:-moz-locale-dir(ltr),
#overlay-back:-moz-locale-dir(rtl) {
#overlay-plus:-moz-locale-dir(ltr) {
right: -70px;
background-position: left 6px center;
}
@ -443,12 +448,21 @@ documenttab[selected] .documenttab-selection {
transform: translateX(40px) scale(1.2);
}
#overlay-plus:-moz-locale-dir(ltr):hover,
#overlay-back:-moz-locale-dir(rtl):hover {
#overlay-plus:-moz-locale-dir(ltr):hover {
background-position: left 12px center;
transform: translateX(-40px) scale(1.2);
}
#overlay-back:-moz-locale-dir(rtl):hover {
transform: translateX(-40px) scale(1.2) scaleX(-1);
}
#overlay-back:-moz-locale-dir(rtl) {
transform: scaleX(-1);
right: -70px;
background-position: right 9px center;
}
#overlay-back[mousedrag],
#overlay-plus[mousedrag] {
transition-property: left, right, transform, background-position,
@ -535,6 +549,11 @@ documenttab[selected] .documenttab-selection {
transition: opacity @forward_transition_length@ ease-out;
}
#back-button:-moz-locale-dir(rtl),
#forward-button:-moz-locale-dir(rtl) {
transform: scaleX(-1);
}
#back-button[disabled] {
visibility: visible;
opacity: 0.5;
@ -858,6 +877,10 @@ documenttab[selected] .documenttab-selection {
-moz-box-pack: center;
}
#panel-close-button:-moz-locale-dir(rtl) {
transform: scaleX(-1);
}
@media (min-resolution: @min_res_140pc@) {
#panel-close-button {
list-style-image: url(chrome://browser/skin/images/navbar-back@1.4x.png);

View File

@ -79,6 +79,10 @@ flyoutpanel[visible] {
-moz-image-region: rect(0 32px 32px 0);
}
.flyout-close-button:-moz-locale-dir(rtl) {
transform: scaleX(-1);
}
.flyout-close-button:hover {
-moz-image-region: rect(0 64px 32px 32px);
}