fixed user data icon wrapping

This commit is contained in:
Luke Pulverenti 2013-05-18 18:48:19 -04:00
parent bfab5f2404
commit fca737be13
3 changed files with 41 additions and 45 deletions

View File

@ -379,6 +379,13 @@ a.itemTag:hover {
overflow: hidden;
}
@media all and (min-width: 600px) {
.inlineDetailSection:not(.hide) {
display: inline-block;
margin-bottom: 2em;
}
}
@media all and (max-width: 750px) {
.itemBackdrop {
@ -425,9 +432,6 @@ a.itemTag:hover {
}
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 650px) {
.libraryPage .ui-content {
padding: 15px 20px 100px;

View File

@ -122,8 +122,7 @@
<div data-role="content">
<div class="detailPageContent">
<div style="display: inline-block;">
<div id="detailsSection" style="display: none;" class="detailSection">
<div id="detailsSection" class="detailSection inlineDetailSection hide">
<div class="detailSectionHeader" style="margin-top: 0;">
Details
</div>
@ -141,29 +140,22 @@
<p class="itemTags"></p>
</div>
</div>
</div>
<div style="display: inline-block;" class="detailSection">
<div id="childrenCollapsible" class="hide">
<div id="childrenCollapsible" class="hide detailSection inlineDetailSection">
<div class="detailSectionHeader"><span id="childrenTitle"></span></div>
<div id="childrenContent" class="detailSectionContent"></div>
</div>
</div>
<div style="display: inline-block;" class="detailSection">
<div id="trailersCollapsible" style="display: none;">
<div id="trailersCollapsible" class="detailSection inlineDetailSection hide">
<div class="detailSectionHeader">
Trailers
</div>
<div id="trailersContent" class="detailSectionContent"></div>
</div>
</div>
<div style="display: inline-block;" class="detailSection">
<div id="specialsCollapsible" style="display: none;">
<div id="specialsCollapsible" class="detailSection inlineDetailSection hide">
<div class="detailSectionHeader">
Special Features
</div>
<div id="specialsContent" class="detailSectionContent"></div>
</div>
</div>
<div id="castCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
Cast & Crew

View File

@ -119,11 +119,11 @@
function setInitialCollapsibleState(page, item, context) {
if (item.ChildCount) {
$('#childrenCollapsible', page).show();
$('#childrenCollapsible', page).removeClass('hide');
renderChildren(page, item);
}
else {
$('#childrenCollapsible', page).hide();
$('#childrenCollapsible', page).addClass('hide');
}
if (LibraryBrowser.shouldDisplayGallery(item)) {
$('#galleryCollapsible', page).show();
@ -142,15 +142,15 @@
renderScenes(page, item, 6);
}
if (!item.LocalTrailerCount || item.LocalTrailerCount == 0) {
$('#trailersCollapsible', page).hide();
$('#trailersCollapsible', page).addClass('hide');
} else {
$('#trailersCollapsible', page).show();
$('#trailersCollapsible', page).removeClass('hide');
renderTrailers(page, item);
}
if (!item.SpecialFeatureCount || item.SpecialFeatureCount == 0) {
$('#specialsCollapsible', page).hide();
$('#specialsCollapsible', page).addClass('hide');
} else {
$('#specialsCollapsible', page).show();
$('#specialsCollapsible', page).removeClass('hide');
renderSpecials(page, item, 6);
}
if (!item.People || !item.People.length) {
@ -224,9 +224,9 @@
var text = elem.textContent || elem.innerText;
if (!text.trim()) {
detailsSection.hide();
detailsSection.addClass('hide');
} else {
detailsSection.show();
detailsSection.removeClass('hide');
}
renderSeriesAirTime(page, item, context);