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

minor poster style tweaks in the web client

Browse source
This commit is contained in:
Luke Pulverenti 2013-09-04 13:31:18 -04:00
parent b75396e20f
commit 647c0272a2
3 changed files with 30 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

28
dashboard-ui/css/tileitem.css
View file

@ -36,7 +36,7 @@
} }
.tileItem p { .tileItem p {
margin: .5em 0 0; margin: 1em 0 0;
} }
.tileContent { .tileContent {
@ -67,12 +67,12 @@
} }
.smallPosterTileItem .tileImage { .smallPosterTileItem .tileImage {
height: 95px; height: 110px;
width: 30%; width: 35%;
} }
.smallPosterTileItem .tileContent { .smallPosterTileItem .tileContent {
width: 65%; width: 60%;
} }
.smallPosterTileItem .tileName { .smallPosterTileItem .tileName {
@ -143,7 +143,7 @@
} }
.smallPosterTileItem { .smallPosterTileItem {
width: 210px; width: 46%;
display: inline-block; display: inline-block;
margin: 3px; margin: 3px;
} }
@ -163,6 +163,10 @@
} }
.smallPosterTileItem {
width: 30%;
}
.backdropTileItem, .posterTileItem, .squareTileItem { .backdropTileItem, .posterTileItem, .squareTileItem {
width: 46%; width: 46%;
} }
@ -183,7 +187,7 @@
@media all and (min-width: 850px) { @media all and (min-width: 850px) {
.smallBackdropTileItem { .smallBackdropTileItem {
width: 370px; width: 47%;
display: inline-block; display: inline-block;
} }
@ -203,10 +207,6 @@
width: 30.5%; width: 30.5%;
} }
.tileItem p {
margin: .75em 0 0;
}
.tileItem .itemProgress { .tileItem .itemProgress {
font-size: 17px; font-size: 17px;
} }
@ -254,6 +254,14 @@
.squareTileItem .tileImage { .squareTileItem .tileImage {
height: 130px; height: 130px;
} }
.smallPosterTileItem {
width: 22%;
}
.smallBackdropTileItem {
width: 30%;
}
} }
@media all and (min-width: 1440px) { @media all and (min-width: 1440px) {

5
dashboard-ui/scripts/Itemdetailpage.js
View file

@ -151,7 +151,7 @@
$('#castCollapsible', page).hide(); $('#castCollapsible', page).hide();
} else { } else {
$('#castCollapsible', page).show(); $('#castCollapsible', page).show();
renderCast(page, item, context, 10); renderCast(page, item, context, 8);
} }
if (!item.PartCount || item.PartCount < 2) { if (!item.PartCount || item.PartCount < 2) {
@ -457,7 +457,8 @@
var html = LibraryBrowser.getPosterDetailViewHtml({ var html = LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
useAverageAspectRatio: true, useAverageAspectRatio: true,
shape: shape shape: shape,
showParentName: false
}); });
$('#childrenContent', page).html(html); $('#childrenContent', page).html(html);

6
dashboard-ui/scripts/librarybrowser.js
View file

@ -162,10 +162,12 @@
html += '<div class="tileContent">'; html += '<div class="tileContent">';
if (options.showParentName !== false) {
if (item.SeriesName || item.Album || item.AlbumArtist) { if (item.SeriesName || item.Album || item.AlbumArtist) {
var seriesName = item.SeriesName || item.Album || item.AlbumArtist; var seriesName = item.SeriesName || item.Album || item.AlbumArtist;
html += '<div class="tileName">' + seriesName + '</div>'; html += '<div class="tileName">' + seriesName + '</div>';
} }
}
var name = LibraryBrowser.getPosterViewDisplayName(item); var name = LibraryBrowser.getPosterViewDisplayName(item);
@ -205,6 +207,10 @@
html += '<p class="itemMiscInfo">' + item.GameSystem + '</p>'; html += '<p class="itemMiscInfo">' + item.GameSystem + '</p>';
} }
else if (item.Type == "Episode") {
// Skip it. Just clutter
}
else { else {
html += '<p class="itemMiscInfo">' + LibraryBrowser.getMiscInfoHtml(item) + '</p>'; html += '<p class="itemMiscInfo">' + LibraryBrowser.getMiscInfoHtml(item) + '</p>';
} }