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

now playing bar style changes

This commit is contained in:
Luke Pulverenti 2013-03-27 23:26:20 -04:00
parent 4397d26e20
commit c7d15c15d0
2 changed files with 19 additions and 12 deletions

View file

@ -301,8 +301,8 @@ form, .readOnlyContent {
}
.libraryPage .ui-content {
padding-right: 50px;
padding-left: 50px;
padding-right: 40px;
padding-left: 40px;
}
.type-interior > .ui-content {
@ -623,7 +623,7 @@ form, .readOnlyContent {
/* Footer */
#footer {
background: #5a5a5a;
background: #4C4C4C;
position: fixed;
bottom: -2px;
left: -2px;
@ -800,8 +800,14 @@ progress {
/* Now playing bar */
#nowPlayingBar {
padding: 10px 20px 8px;
border-top: 1px solid #5490CC;
padding: 8px 20px;
border-top: 2px solid #D7742B;
}
.nowPlayingBarImage {
border: 1px solid #a7a7a7;
padding: 1px;
vertical-align: bottom;
}
.mediaButton {

View file

@ -70,12 +70,13 @@
//display image and title
var imageTags = item.ImageTags || {};
var html = '';
var url = "";
if (item.BackdropImageTags && item.BackdropImageTags.length) {
url = ApiClient.getImageUrl(item.Id, {
type: "Backdrop",
height: 30,
height: 36,
tag: item.BackdropImageTags[0]
});
}
@ -83,7 +84,7 @@
url = ApiClient.getImageUrl(item.Id, {
type: "Thumb",
height: 30,
height: 36,
tag: item.ImageTags.Thumb
});
}
@ -91,7 +92,7 @@
url = ApiClient.getImageUrl(item.Id, {
type: "Primary",
height: 30,
height: 36,
tag: item.ImageTags.Primary
});
}else {
@ -99,7 +100,7 @@
}
var name = item.Name;
var series_name = '';
var seriesName = '';
if (item.IndexNumber != null) {
name = item.IndexNumber + " - " + name;
@ -108,11 +109,11 @@
name = item.ParentIndexNumber + "." + name;
}
if (item.SeriesName || item.Album || item.ProductionYear) {
series_name = item.SeriesName || item.Album || item.ProductionYear;
seriesName = item.SeriesName || item.Album || item.ProductionYear;
}
html += "<div><img class='clientNowPlayingImage' alt='' title='' src='" + url + "' style='height:30px;display:inline-block;' /></div>";
html += '<div>'+name+'<br/>'+series_name+'</div>';
html += "<div><img class='nowPlayingBarImage' alt='' title='' src='" + url + "' style='height:36px;display:inline-block;' /></div>";
html += '<div>'+name+'<br/>'+seriesName+'</div>';
$('#mediaInfo', nowPlayingBar).html(html);
},