diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss index 60347ecb93..56cd6bdecd 100644 --- a/src/assets/css/librarybrowser.scss +++ b/src/assets/css/librarybrowser.scss @@ -265,7 +265,7 @@ .dashboardDocument .mainDrawer { z-index: inherit !important; - inset-inline-start: 0 !important; + left: 0 !important; top: 0 !important; transform: none !important; box-shadow: none !important; diff --git a/src/controllers/playback/video/index.html b/src/controllers/playback/video/index.html index c76a1714ae..6c02f51626 100644 --- a/src/controllers/playback/video/index.html +++ b/src/controllers/playback/video/index.html @@ -18,7 +18,7 @@
-
+
@@ -27,37 +27,39 @@
- +
+ - + - + - + - + - + - + - + +
diff --git a/src/elements/emby-select/emby-select.scss b/src/elements/emby-select/emby-select.scss index 73d32ea12a..0b6416dfff 100644 --- a/src/elements/emby-select/emby-select.scss +++ b/src/elements/emby-select/emby-select.scss @@ -11,7 +11,7 @@ /* General select styles: change as needed */ font-family: inherit; font-weight: inherit; - padding-block: 0.5em 0.5em; + padding-block: 0.5em; padding-inline: 0.5em 1.9em; /* Prevent padding from causing width overflow */ @@ -35,9 +35,8 @@ } .selectContainer-inline > .emby-select { - padding: 0.3em 1.9em 0.3em 0.5em; padding-block: 0.3em; - padding-inline: 0.5em 0.9em; + padding-inline: 0.5em 1.9em; font-size: inherit; } diff --git a/src/elements/emby-slider/emby-slider.js b/src/elements/emby-slider/emby-slider.js index 7cab8d5dc2..01e14d6861 100644 --- a/src/elements/emby-slider/emby-slider.js +++ b/src/elements/emby-slider/emby-slider.js @@ -419,11 +419,7 @@ import { getIsRTL } from '../../scripts/globalize'; function setRange(elem, startPercent, endPercent) { const style = elem.style; - if (getIsRTL()) { - style.right = Math.max(startPercent, 0) + '%'; - } else { - style.left = Math.max(startPercent, 0) + '%'; - } + style.insetInlineStart = Math.max(startPercent, 0) + '%'; const widthPercent = endPercent - startPercent; style.width = Math.max(Math.min(widthPercent, 100), 0) + '%'; diff --git a/src/styles/rtl.scss b/src/styles/rtl.scss index 436effb3a1..120649a29b 100644 --- a/src/styles/rtl.scss +++ b/src/styles/rtl.scss @@ -1,22 +1,14 @@ .chevron_right, .chevron_left, .arrow_back, -.play_arrow, .playlist_add, -.video_library, .shuffle, .input, .live_tv, .dvr, -.play_circle_filled, .shopping_cart, .vpn_key, -.skip_next, -.skip_previous, -.fast_forward, -.fast_rewind, -.undo, -.redo { +.volume_up { [dir='rtl'] & { transform: scale(-1, 1); }