cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 19:08:18 -07:00
Code Issues Packages Projects Releases Wiki Activity

updated detail page styles

Browse Source
This commit is contained in:
Luke Pulverenti 2013-04-22 13:15:32 -04:00
parent f88ed16bf0
commit 0ecdc3e3e6
3 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
dashboard-ui/css/librarybrowser.css
View File

@ -211,7 +211,7 @@
.posterDetailViewImage { .posterDetailViewImage {
max-height: 90px; max-height: 90px;
max-width: 47%; max-width: 46.5%;
} }
.posterDetailViewItem p { .posterDetailViewItem p {
@ -289,7 +289,7 @@
@media all and (min-width: 1200px) { @media all and (min-width: 1200px) {
.posterDetailViewItem { .posterDetailViewItem {
width: 31%; width: 30.6%;
} }
.scenePosterViewItem img { .scenePosterViewItem img {
@ -306,7 +306,7 @@
@media all and (min-width: 1920px) { @media all and (min-width: 1920px) {
.posterDetailViewItem { .posterDetailViewItem {
width: 31.5%; width: 31.3%;
} }
.posterDetailViewImage { .posterDetailViewImage {
@ -316,7 +316,7 @@
@media all and (min-width: 2000px) { @media all and (min-width: 2000px) {
.posterDetailViewItem { .posterDetailViewItem {
width: 23.5%; width: 23%;
} }
} }

12
dashboard-ui/css/site.css
View File

@ -756,25 +756,29 @@ progress {
@media all and (min-width: 1440px) { @media all and (min-width: 1440px) {
.itemDetailImage { .itemDetailImage {
width: 400px; width: 350px;
} }
.itemDetailBlock { .itemDetailBlock {
width: 68%; width: 60%;
} }
} }
@media all and (min-width: 1700px) { @media all and (min-width: 1700px) {
.itemDetailImage {
width: 400px;
}
.itemDetailBlock { .itemDetailBlock {
width: 73%; width: 61%;
} }
} }
@media all and (min-width: 1920px) { @media all and (min-width: 1920px) {
.itemDetailBlock { .itemDetailBlock {
width: 77%; width: 65%;
} }
} }

2
dashboard-ui/itemdetails.html
View File

@ -136,7 +136,7 @@
</div> </div>
</div> </div>
<div style="display: inline-block; vertical-align: top;"> <div style="display: inline-block; vertical-align: top;">
<div data-role="collapsible" id="galleryCollapsible" style="display: none;" data-collapsed="false" data-corners="false"> <div data-role="collapsible" id="galleryCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
<h3>Gallery</h3> <h3>Gallery</h3>
<div id="galleryContent"></div> <div id="galleryContent"></div>
</div> </div>