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

improved grid view

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-06 16:44:14 -04:00
parent 79af4a5c3f
commit e37f1d2fbc
2 changed files with 49 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

48
dashboard-ui/css/librarybrowser.css
View file

@ -69,13 +69,33 @@
max-width: 300px;
}
.libraryItemsGrid .imgUserItemRating {
width: 20px;
height: 20px;
.libraryItemsGrid {
margin: 0 auto;
border-spacing: 0;
border-collapse: collapse;
max-width: 100%;
}
.libraryItemsGrid a {
text-shadow: none;
.libraryItemsGrid a {
text-shadow: none;
}
.libraryItemsGrid th, .libraryItemsGrid td {
vertical-align: top;
text-align: left;
padding: 10px;
}
.libraryItemsGrid th {
padding-bottom: 1em;
}
.libraryItemsGrid td {
border-top: 1px solid #555;
}
.tabletColumn, .desktopColumn {
display: none!important;
}
@media all and (min-width: 650px) {
@ -84,6 +104,12 @@
}
}
@media all and (min-width: 750px) {
.tabletColumn {
display: table-cell!important;
}
}
@media all and (min-width: 1200px) {
.libraryPage .ui-content {
@ -94,8 +120,8 @@
max-width: 850px;
}
.libraryItemsGridContainer {
padding: 0 10%;
.desktopColumn {
display: table-cell!important;
}
}
@ -103,18 +129,10 @@
.ehsContent {
max-width: 900px;
}
.libraryItemsGridContainer {
padding: 0 20%;
}
}
@media all and (min-width: 1920px) {
.ehsContent {
max-width: 1000px;
}
.libraryItemsGridContainer {
padding: 0 25%;
}
}