Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-19 00:05:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1598886 - Mirror the Picture-in-Picture icons for RTL locales. r=mstriemer

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D54582

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Mike Conley 2019-11-25 20:19:30 +00:00
parent 7976812278
commit d4899e5209
3 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
browser/themes/shared/tabs.inc.css
View File

@ -406,6 +406,10 @@
height: 14px;
}
.tab-icon-sound[pictureinpicture]:-moz-locale-dir(rtl) {
transform: scaleX(-1);
}
:root[lwtheme-image] .tab-icon-sound:-moz-lwtheme-darktext[pictureinpicture],
:root[lwtheme-image] .tab-icon-sound:-moz-lwtheme-darktext[soundplaying],
:root[lwtheme-image] .tab-icon-sound:-moz-lwtheme-darktext[muted],

5
toolkit/themes/shared/media/videocontrols.css
View File

@ -469,6 +469,11 @@
min-width: max-content;
}
.statusIcon[type="pictureInPicture"]:dir(rtl),
.pictureInPictureToggleIcon:dir(rtl) {
transform: scaleX(-1);
}
.pictureInPictureToggleLabel {
margin-inline-start: var(--pip-toggle-padding);
}

4
toolkit/themes/shared/pictureinpicture/player.css
View File

@ -133,3 +133,7 @@ browser {
background-repeat: no-repeat;
background-size: 80%;
}
#unpip:-moz-locale-dir(rtl) {
transform: scaleX(-1);
}