diff --git a/browser/themes/shared/tabs.inc.css b/browser/themes/shared/tabs.inc.css index b2ea6a5face1..c8961328973e 100644 --- a/browser/themes/shared/tabs.inc.css +++ b/browser/themes/shared/tabs.inc.css @@ -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], diff --git a/toolkit/themes/shared/media/videocontrols.css b/toolkit/themes/shared/media/videocontrols.css index a3623c32ca64..e0d5d751a6f8 100644 --- a/toolkit/themes/shared/media/videocontrols.css +++ b/toolkit/themes/shared/media/videocontrols.css @@ -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); } diff --git a/toolkit/themes/shared/pictureinpicture/player.css b/toolkit/themes/shared/pictureinpicture/player.css index a4a90879ea90..f89e23a571e2 100644 --- a/toolkit/themes/shared/pictureinpicture/player.css +++ b/toolkit/themes/shared/pictureinpicture/player.css @@ -133,3 +133,7 @@ browser { background-repeat: no-repeat; background-size: 80%; } + +#unpip:-moz-locale-dir(rtl) { + transform: scaleX(-1); +}