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-06-27 00:19:10 -04:00
parent 559d8eb5f6
commit 2b483db762
21 changed files with 82 additions and 111 deletions

View file

@ -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 {