MDL-66982 media_videojs: Fix RTL display issues (progress bar)
authorNadav Kavalerchik <nadav.kavalerchik@weizmann.ac.il>
Tue, 22 Oct 2019 22:34:24 +0000 (01:34 +0300)
committerNadav Kavalerchik <nadav.kavalerchik@weizmann.ac.il>
Tue, 22 Oct 2019 22:34:24 +0000 (01:34 +0300)
media/player/videojs/styles.css

index 199259e..175dcd7 100644 (file)
@@ -1694,28 +1694,32 @@ video::-webkit-media-text-track-display {
 /* MDL-61020: VideoJS timeline progress bar should not be flipped in RTL mode. */
 
 /* Prevent the progress bar from being flipped in RTL. */
-/*rtl:ignore*/
 .video-js .vjs-progress-holder .vjs-play-progress,
 .video-js .vjs-progress-holder .vjs-load-progress,
 .video-js .vjs-progress-holder .vjs-load-progress div {
+  /*rtl:begin:ignore*/
   left: 0;
   right: auto;
+  /*rtl:end:ignore*/
 }
 /* Keep the video scrubber button at the end of the progress bar in RTL. */
-/*rtl:ignore*/
 .video-js .vjs-play-progress:before {
+  /*rtl:begin:ignore*/
   left: auto;
   right: -0.5em;
+  /*rtl:end:ignore*/
 }
 /* Prevent the volume slider from being flipped in RTL. */
-/*rtl:ignore*/
 .video-js .vjs-volume-level {
+  /*rtl:begin:ignore*/
   left: 0;
   right: auto;
+  /*rtl:end:ignore*/
 }
 /* Keep the volume slider handle at the end of the volume slider in RTL. */
-/*rtl:ignore*/
 .vjs-slider-horizontal .vjs-volume-level:before {
+  /*rtl:begin:ignore*/
   left: auto;
   right: -0.5em;
+  /*rtl:end:ignore*/
 }