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

Show seek buttons when playing video on mobile.

Browse source
This commit is contained in:
Ian Walton 2020-08-15 14:33:31 -04:00
parent 134b6b7c3c
commit 7952b75ca2
2 changed files with 12 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/remotecontrol/remotecontrol.css
View file

@ -222,18 +222,10 @@
margin: 0; margin: 0;
} }
.layout-mobile .nowPlayingSecondaryButtons .btnShuffleQueue {
display: none;
}
.layout-mobile .nowPlayingSecondaryButtons .volumecontrol { .layout-mobile .nowPlayingSecondaryButtons .volumecontrol {
display: none; display: none;
} }
.layout-mobile .nowPlayingSecondaryButtons .btnRepeat {
display: none;
}
.layout-desktop .nowPlayingInfoButtons .btnRepeat, .layout-desktop .nowPlayingInfoButtons .btnRepeat,
.layout-tv .nowPlayingInfoButtons .btnRepeat { .layout-tv .nowPlayingInfoButtons .btnRepeat {
display: none; display: none;
@ -362,7 +354,8 @@
border-radius: 0; border-radius: 0;
} }
.nowPlayingInfoButtons .btnRepeat { .nowPlayingInfoButtons .btnRepeat,
.nowPlayingInfoButtons .btnRewind {
position: absolute; position: absolute;
left: 0; left: 0;
margin-left: 0; margin-left: 0;
@ -370,7 +363,8 @@
font-size: smaller; font-size: smaller;
} }
.nowPlayingInfoButtons .btnShuffleQueue { .nowPlayingInfoButtons .btnShuffleQueue,
.nowPlayingInfoButtons .btnFastForward {
position: absolute; position: absolute;
right: 0; right: 0;
margin-right: 0; margin-right: 0;
@ -468,7 +462,6 @@
} }
@media all and (max-width: 63em) { @media all and (max-width: 63em) {
.nowPlayingSecondaryButtons .repeatToggleButton,
.nowPlayingInfoButtons .playlist .listItemMediaInfo, .nowPlayingInfoButtons .playlist .listItemMediaInfo,
.nowPlayingInfoButtons .btnStop { .nowPlayingInfoButtons .btnStop {
display: none !important; display: none !important;

10
src/components/remotecontrol/remotecontrol.js
View file

@ -332,8 +332,14 @@ export default function () {
buttonVisible(context.querySelector('.btnNextTrack'), item != null); buttonVisible(context.querySelector('.btnNextTrack'), item != null);
buttonVisible(context.querySelector('.btnPreviousTrack'), item != null); buttonVisible(context.querySelector('.btnPreviousTrack'), item != null);
if (layoutManager.mobile) { if (layoutManager.mobile) {
buttonVisible(context.querySelector('.btnRewind'), false); const playingVideo = playbackManager.isPlayingVideo() && item != null;
buttonVisible(context.querySelector('.btnFastForward'), false); const playingAudio = !playbackManager.isPlayingVideo() && item != null;
buttonVisible(context.querySelector('.btnRepeat'), playingAudio);
buttonVisible(context.querySelector('.btnShuffleQueue'), playingAudio);
buttonVisible(context.querySelector('.btnRewind'), playingVideo);
buttonVisible(context.querySelector('.btnFastForward'), playingVideo);
buttonVisible(context.querySelector('.nowPlayingSecondaryButtons .btnShuffleQueue'), playingVideo);
buttonVisible(context.querySelector('.nowPlayingSecondaryButtons .btnRepeat'), playingVideo);
} else { } else {
buttonVisible(context.querySelector('.btnRewind'), item != null); buttonVisible(context.querySelector('.btnRewind'), item != null);
buttonVisible(context.querySelector('.btnFastForward'), item != null); buttonVisible(context.querySelector('.btnFastForward'), item != null);