1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

Deployed music player fixes

This commit is contained in:
Hadi Charara 2022-07-08 22:25:41 -04:00
parent db98c42956
commit ece21d0de0
6 changed files with 27 additions and 22 deletions

View file

@ -47,7 +47,7 @@ import { appRouter } from '../appRouter';
html += '<div class="nowPlayingBar hide nowPlayingBar-hidden">';
html += '<div class="nowPlayingBarTop">';
html += '<div class="nowPlayingBarPositionContainer sliderContainer">';
html += '<div class="nowPlayingBarPositionContainer sliderContainer" dir="ltr">';
html += '<input type="range" is="emby-slider" pin step=".01" min="0" max="100" value="0" class="slider-medium-thumb nowPlayingBarPositionSlider" data-slider-keep-progress="true"/>';
html += '</div>';
@ -57,7 +57,7 @@ import { appRouter } from '../appRouter';
html += '</div>';
// The onclicks are needed due to the return false above
html += '<div class="nowPlayingBarCenter">';
html += '<div class="nowPlayingBarCenter" dir="ltr">';
html += '<button is="paper-icon-button-light" class="previousTrackButton mediaButton"><span class="material-icons skip_previous" aria-hidden="true"></span></button>';

View file

@ -54,11 +54,10 @@
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
text-align: left;
text-align: start;
flex-grow: 1;
font-size: 92%;
margin-right: 1em;
margin-left: 0.5em;
margin-inline: 0.5em 1em;
}
.nowPlayingBarCenter {
@ -92,7 +91,8 @@
.nowPlayingBarRight {
position: relative;
margin: 0 0.5em 0 auto;
margin-block: 0;
margin-inline: auto 0.5em;
/* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
z-index: 2;
@ -110,7 +110,7 @@
}
.nowPlayingBarVolumeSliderContainer {
margin-right: 2em;
margin-inline-end: 2em;
}
.nowPlayingBarUserDataButtons {