mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
f9240e5fb5
commit
b1feee2d1c
17 changed files with 39 additions and 54 deletions
|
@ -12,12 +12,15 @@
|
|||
text-align: left;
|
||||
padding: .25em 1.15em;
|
||||
line-height: 160%;
|
||||
border-bottom: 1px solid #2a2a2a;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-bottom: 1px solid #2a2a2a;
|
||||
}
|
||||
|
||||
.listItem-button {
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -131,11 +134,11 @@
|
|||
color: inherit !important;
|
||||
}
|
||||
|
||||
.layout-tv .listItem {
|
||||
.listItem-focusscale {
|
||||
transition: transform .2s ease-out;
|
||||
}
|
||||
|
||||
.layout-tv .listItem:focus {
|
||||
.listItem-focusscale:focus {
|
||||
transform: scale(1.025, 1.025);
|
||||
}
|
||||
|
||||
|
@ -150,11 +153,7 @@
|
|||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.paperList .listItem {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.layout-tv .listItemMediaInfo {
|
||||
.listItemMediaInfo-padded {
|
||||
margin: .5em 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -178,12 +178,16 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
|
|||
}
|
||||
}
|
||||
|
||||
var cssClass = "listItem listItem-nosidepadding";
|
||||
var cssClass = "listItem listItem-nosidepadding listItem-border";
|
||||
|
||||
if (clickEntireItem) {
|
||||
cssClass += ' itemAction listItem-button';
|
||||
}
|
||||
|
||||
if (layoutManager.tv) {
|
||||
cssClass += ' listItem-focusscale';
|
||||
}
|
||||
|
||||
var downloadWidth = 80;
|
||||
|
||||
if (isLargeStyle) {
|
||||
|
@ -281,7 +285,13 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
|
|||
html += getTextLinesHtml(textlines, isLargeStyle);
|
||||
|
||||
if (!enableSideMediaInfo) {
|
||||
html += '<div class="secondary listItemMediaInfo listItemBodyText">' + mediaInfo.getPrimaryMediaInfoHtml(item) + '</div>';
|
||||
|
||||
var mediaInfoClass = 'secondary listItemMediaInfo listItemBodyText';
|
||||
if (layoutManager.tv) {
|
||||
mediaInfoClass += ' listItemMediaInfo-padded';
|
||||
}
|
||||
|
||||
html += '<div class="' + mediaInfoClass + '">' + mediaInfo.getPrimaryMediaInfoHtml(item) + '</div>';
|
||||
}
|
||||
|
||||
if (enableOverview && item.Overview) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue