mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update listviews
This commit is contained in:
parent
1032fa887e
commit
f458196922
31 changed files with 168 additions and 100 deletions
|
@ -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%;
|
||||
}
|
||||
|
|
|
@ -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"></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++) {
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue