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:
parent
559d8eb5f6
commit
2b483db762
21 changed files with 82 additions and 111 deletions
|
@ -14,7 +14,8 @@ button.listItem {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
padding: .25em 1.25em !important;
|
||||
padding: 0 1em !important;
|
||||
line-height: 170%;
|
||||
}
|
||||
|
||||
.listItem.largeImage {
|
||||
|
@ -27,15 +28,32 @@ button.listItem {
|
|||
|
||||
.listItemBody {
|
||||
flex-grow: 1;
|
||||
padding: .85em 1.25em;
|
||||
padding: 0 1.15em;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
vertical-align: middle;
|
||||
justify-content: center;
|
||||
min-height: 48px;
|
||||
}
|
||||
|
||||
.listItemBody.two-line {
|
||||
min-height: 72px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.listItemBody.three-line {
|
||||
min-height: 88px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.listItemBody h3 {
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
padding: .25em 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
@ -44,6 +62,10 @@ button.listItem {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
.listItemBody > div:not(.secondary) {
|
||||
font-size: 115%;
|
||||
}
|
||||
|
||||
.listItemBodyText {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
@ -55,6 +77,7 @@ button.listItem {
|
|||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
flex-shrink: 0;
|
||||
margin-left: -.9em;
|
||||
}
|
||||
|
||||
.listItemIcon {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue