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

more mobile playback fixes

Browse source
This commit is contained in:
Luke Pulverenti 2013-05-24 11:19:32 -04:00
parent 5ce7645ca1
commit b2ea19f9fb
3 changed files with 22 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

20
dashboard-ui/css/site.css
View file

@ -846,6 +846,26 @@ input[type="range"]::-ms-fill-upper {
}
@media all and (max-width: 500px) {
.volumeButton, .volumeSlider, .fullscsreenButton {
display: none!important;
}
.positionSlider {
width: 50px;
}
.itemVideo:not(.fullscreenVideo) {
left: -300px;
}
}
@media all and (max-width: 750px) {
.positionSlider {
width: 50px;
}
}
/* VideoJS overrides */
#videoWindow.tubecss .vjs-menu-button {

2
dashboard-ui/library.html
View file

@ -32,7 +32,7 @@
</div>
</div>
<br />
<div>Define images for collections by <a href="index.html">browsing and editing.</a></div>
<div>Define images by <a href="index.html">browsing and editing collections.</a></div>
</div>
</div>
<div data-role="popup" id="popupEnterText" class="ui-corner-all popup">

2
dashboard-ui/scripts/site.js
View file

@ -1118,7 +1118,7 @@ $(function () {
footerHtml += '<button id="muteButton" onclick="MediaPlayer.mute();" class="imageButton mediaButton volumeButton" title="Volume" type="button"><img src="css/images/media/volume.png" /></button>';
footerHtml += '<button id="unmuteButton" onclick="MediaPlayer.unmute();" class="imageButton mediaButton volumeButton" title="Volume" type="button"><img src="css/images/media/mute.png" /></button>';
footerHtml += '<input type="range" class="mediaSlider volumeSlider" step=".05" min="0" max="1" value="0" />';
footerHtml += '<button onclick="MediaPlayer.toggleFullscreen();" id="fullscsreenButton" class="imageButton mediaButton" title="Fullscreen" type="button"><img src="css/images/media/fullscreen.png" /></button>';
footerHtml += '<button onclick="MediaPlayer.toggleFullscreen();" id="fullscsreenButton" class="imageButton mediaButton fullscsreenButton" title="Fullscreen" type="button"><img src="css/images/media/fullscreen.png" /></button>';
footerHtml += '</div>';