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

update listviews

This commit is contained in:
Luke Pulverenti 2016-07-16 14:02:39 -04:00
parent 1032fa887e
commit f458196922
31 changed files with 168 additions and 100 deletions

View file

@ -16,7 +16,7 @@ button.listItem {
display: block;
align-items: center;
text-align: left;
padding: .25em .5em .25em 1em !important;
padding: .25em .25em .25em .25em !important;
line-height: 170%;
border-bottom: 1px solid #2a2a2a;
}
@ -26,7 +26,7 @@ div.listItem {
}
.listItem.largeImage {
padding: 1em 0 1em 1em;
padding: .5em !important;
}
.listItem > *:not(.listItemBody) {
@ -38,6 +38,14 @@ div.listItem {
vertical-align: middle;
}
.listItem [is=paper-icon-button-light] {
margin: 0;
}
.listViewDragHandle {
margin-left: -.25em !important;
}
.listItemBody {
flex-grow: 1;
padding: 0 1em;
@ -89,8 +97,8 @@ div.listItem {
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
margin-left: -.75em;
background-position: center center;
position: relative;
}
.listItemIcon {
@ -103,7 +111,6 @@ div.listItem {
width: 45vh;
height: 30vh;
background-position: center center;
position: relative;
margin-right: 2%;
margin-left: 1%;
}

View file

@ -153,7 +153,11 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
}
}
var cssClass = "itemAction listItem";
var cssClass = "listItem";
if (clickEntireItem) {
cssClass += ' itemAction';
}
var downloadWidth = 80;
@ -162,7 +166,13 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
downloadWidth = 500;
}
html += '<' + outerTagName + ' class="' + cssClass + '" data-index="' + index + '" data-action="' + action + '" data-isfolder="' + item.IsFolder + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-type="' + item.Type + '">';
var playlistItemId = item.PlaylistItemId ? (' data-playlistitemid="' + item.PlaylistItemId + '"') : '';
html += '<' + outerTagName + ' class="' + cssClass + '" data-index="' + index + '"' + playlistItemId + ' data-action="' + action + '" data-isfolder="' + item.IsFolder + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-type="' + item.Type + '">';
if (!clickEntireItem && options.dragHandle) {
html += '<button is="paper-icon-button-light" class="listViewDragHandle autoSize"><i class="md-icon">&#xE25D;</i></button>';
}
var imgUrl = getImageUrl(item, downloadWidth);
@ -218,7 +228,12 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
lineCount++;
}
html += '<div class="listItemBody">';
cssClass = 'listItemBody';
if (!clickEntireItem) {
cssClass += ' itemAction';
}
html += '<div class="' + cssClass + '">';
for (var i = 0, textLinesLength = textlines.length; i < textLinesLength; i++) {