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

better detail page context

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-22 10:44:11 -04:00
parent 7304a6584e
commit dd808d8298
12 changed files with 302 additions and 798 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -89,6 +89,11 @@
/*.libraryPage:not(.folderListPage) > .ui-content, .libraryPage:not(.folderListPage) > .ui-panel-content-wrap {
margin-top: -35px!important;
}*/
.detailPageContent {
width: 90%;
margin: 0 auto;
}
}
@media all and (min-width: 1200px) {
@ -106,6 +111,10 @@
.ehsContent {
max-width: 900px;
}
.detailPageContent {
width: 70%;
}
}
@media all and (min-width: 1920px) {
@ -148,12 +157,12 @@
border-bottom: 1px solid #555;
padding-bottom: 5px;
margin-bottom: .5em;
font-weight: bold;
}
.mediaInfoDetails {
margin: 0 0 0 2em;
margin: 0 0 0 1.5em;
padding: 0;
list-style-type: circle;
}
.mediaInfoLabel {
@ -237,6 +246,10 @@
margin: 1em 0 1.5em;
}
.scenePosterViewItem img {
max-width: 150px!important;
}
@media all and (min-width: 650px) {
.detailPagePrimaryInfo {
padding: 0 10px;
@ -278,6 +291,10 @@
.posterDetailViewItem {
width: 31%;
}
.scenePosterViewItem img {
max-width: 200px!important;
}
}
@media all and (min-width: 1440px) {

19
dashboard-ui/css/site.css
View file

@ -660,7 +660,6 @@ progress {
.itemDetailImage {
max-width: 100%;
max-height: 300px;
}
.itemImageBlock {
@ -712,8 +711,8 @@ progress {
display: inline-block;
}
.itemDetailImage, .itemImageBlock {
max-width: 220px;
.itemDetailImage {
width: 220px;
}
.itemDetailBlock {
@ -731,11 +730,7 @@ progress {
@media all and (min-width: 750px) {
.itemDetailImage {
max-height: 400px;
}
.itemDetailImage, .itemImageBlock {
max-width: 300px;
width: 300px;
}
.itemDetailBlock {
@ -753,10 +748,6 @@ progress {
@media all and (min-width: 1200px) {
.itemDetailBlock {
width: 70%;
}
.galleryImage {
width: 200px;
}
@ -764,8 +755,8 @@ progress {
@media all and (min-width: 1440px) {
.itemDetailImage, .itemImageBlock {
max-width: 400px;
.itemDetailImage {
width: 400px;
}
.itemDetailBlock {