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:
parent
4397d26e20
commit
c7d15c15d0
2 changed files with 19 additions and 12 deletions
|
@ -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 {
|
||||
|
|
|
@ -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);
|
||||
},
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue