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

update list styles

This commit is contained in:
Luke Pulverenti 2016-08-05 15:34:10 -04:00
parent 5b72e1c91b
commit fad66be11a
23 changed files with 183 additions and 279 deletions

View file

@ -113,12 +113,12 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
if (i === 0) {
if (isLargeStyle) {
html += '<h2>';
html += '<h2 class="listItemBodyText">';
} else {
html += '<div>';
html += '<div class="listItemBodyText">';
}
} else {
html += '<div class="secondary">';
html += '<div class="secondary listItemBodyText">';
}
html += (textlines[i] || '&nbsp;');
if (i === 0 && isLargeStyle) {
@ -164,7 +164,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
}
if (i == 0) {
html += '<h1 class="listGroupHeader first">';
html += '<h1 class="listGroupHeader listGroupHeader-first">';
}
else {
html += '<h1 class="listGroupHeader">';
@ -178,7 +178,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
}
}
var cssClass = "listItem";
var cssClass = "listItem listItem-nosidepadding";
if (clickEntireItem) {
cssClass += ' itemAction';
@ -187,7 +187,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
var downloadWidth = 80;
if (isLargeStyle) {
cssClass += " largeImage";
cssClass += " listItem-largeImage";
downloadWidth = 500;
}
@ -208,10 +208,12 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
var imgUrl = getImageUrl(item, downloadWidth);
var imageClass = isLargeStyle ? 'listItemImage listItemImage-large' : 'listItemImage';
if (imgUrl) {
html += '<div class="listItemImage lazy" data-src="' + imgUrl + '" item-icon>';
html += '<div class="' + imageClass + ' lazy" data-src="' + imgUrl + '" item-icon>';
} else {
html += '<div class="listItemImage">';
html += '<div class="' + imageClass + '">';
}
var indicatorsHtml = '';
@ -277,11 +279,11 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
html += getTextLinesHtml(textlines, isLargeStyle);
if (!enableSideMediaInfo) {
html += '<div class="secondary listItemMediaInfo">' + mediaInfo.getPrimaryMediaInfoHtml(item) + '</div>';
html += '<div class="secondary listItemMediaInfo listItemBodyText">' + mediaInfo.getPrimaryMediaInfoHtml(item) + '</div>';
}
if (enableOverview && item.Overview) {
html += '<div class="secondary overview">';
html += '<div class="secondary overview listItemBodyText">';
html += item.Overview;
html += '</div>';
}