moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-04 16:36:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-66982 media_videojs: Fix RTL display issues (progress bar)

Browse source
This commit is contained in:
Nadav Kavalerchik 2019-10-23 01:34:24 +03:00
parent aaff6692a1
commit 96964edf0b
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
media/player/videojs/styles.css
View file

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