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

made playback progress bar wider on larger screens

Browse source
This commit is contained in:
Luke Pulverenti 2013-07-16 17:55:50 -04:00
parent 4bd529a78a
commit a276d5521c
2 changed files with 50 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -272,9 +272,9 @@ form, .readOnlyContent {
color: #fff!important; color: #fff!important;
} }
.invalidEntry { .invalidEntry {
background-color: lightpink!important; background-color: lightpink!important;
} }
/* Tabs (e.g. advanced metadata page) */ /* Tabs (e.g. advanced metadata page) */
.localnav { .localnav {
@ -714,23 +714,23 @@ progress {
border-top: 2px solid #D7742B; border-top: 2px solid #D7742B;
} }
#nowPlayingBar .highPosition { #nowPlayingBar .highPosition {
z-index: 99999; z-index: 99999;
position: relative; position: relative;
} }
#nowPlayingBar .barBackground { #nowPlayingBar .barBackground {
border-top: 2px solid #D7742B; border-top: 2px solid #D7742B;
background: #4C4C4C; background: #4C4C4C;
position: absolute; position: absolute;
margin: -8px -0.5em !important; margin: -8px -0.5em !important;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
#nowPlayingBar > *:not(#mediaElement):not(.mediaFlyoutContainer) { #nowPlayingBar > *:not(#mediaElement):not(.mediaFlyoutContainer) {
margin: 0 1em; margin: 0 1em;
} }
.nowPlayingBarImage { .nowPlayingBarImage {
border: 1px solid #a7a7a7!important; border: 1px solid #a7a7a7!important;
@ -989,6 +989,16 @@ input[type="range"]::-ms-fill-upper {
display: inline-block; display: inline-block;
} }
@media (min-width: 750px) {
.installedPluginTitle {
max-width: 110px;
}
.itemVideo:not(.fullscreenVideo) {
width: 320px;
}
}
@media (min-width: 1200px) { @media (min-width: 1200px) {
.installedPluginTitle { .installedPluginTitle {
max-width: 110px; max-width: 110px;
@ -1007,6 +1017,14 @@ input[type="range"]::-ms-fill-upper {
.itemVideo:not(.fullscreenVideo) { .itemVideo:not(.fullscreenVideo) {
width: 400px; width: 400px;
} }
.positionSlider {
width: 400px;
}
.itemVideo {
left: -560px;
}
} }
#editItemMetadataPage #txtOverview { #editItemMetadataPage #txtOverview {

4
dashboard-ui/scripts/mediaplayer.js
View file

@ -31,7 +31,7 @@
if (requestMethod) { // Native full screen. if (requestMethod) { // Native full screen.
requestMethod.call(element); requestMethod.call(element);
} else{ } else {
$('.itemVideo').addClass('fullscreenVideo'); $('.itemVideo').addClass('fullscreenVideo');
} }
} }
@ -996,11 +996,13 @@
var newIndex = currentPlaylistIndex + 1; var newIndex = currentPlaylistIndex + 1;
var newItem = self.playlist[newIndex]; var newItem = self.playlist[newIndex];
if (newItem) {
Dashboard.getCurrentUser().done(function (user) { Dashboard.getCurrentUser().done(function (user) {
self.playInternal(newItem, 0, user); self.playInternal(newItem, 0, user);
currentPlaylistIndex = newIndex; currentPlaylistIndex = newIndex;
}); });
}
}; };
self.queueItem = function (item) { self.queueItem = function (item) {