Skip to content

Commit 5df49ca

Browse files
thornbillthornbill
authored
Merge pull request #7279 from thornbill/item-details-padding
2 parents b527141 + 0a9ddb4 commit 5df49ca

File tree

2 files changed

+60
-97
lines changed

2 files changed

+60
-97
lines changed

‎src/controllers/itemDetails/index.html‎

Lines changed: 60 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -176,88 +176,86 @@ <h2 class="sectionTitle sectionTitle-cards hide">
176176
</div>
177177
</div>
178178

179-
<div class="detailPageSecondaryContainer padded-bottom-page">
180-
<div class="detailPageContent">
181-
<div id="childrenCollapsible" class="hide verticalSection detailVerticalSection">
182-
<h2 class="sectionTitle sectionTitle-cards hide">
183-
<span></span>
184-
</h2>
185-
<div>
186-
<div is="emby-itemscontainer" class="itemsContainer padded-right" style="text-align: left;"></div>
187-
</div>
179+
<div class="detailPageSecondaryContainer padded-left padded-bottom-page">
180+
<div id="childrenCollapsible" class="hide verticalSection detailVerticalSection">
181+
<h2 class="sectionTitle sectionTitle-cards hide">
182+
<span></span>
183+
</h2>
184+
<div>
185+
<div is="emby-itemscontainer" class="itemsContainer padded-right" style="text-align: left;"></div>
188186
</div>
187+
</div>
189188

190-
<div id="additionalPartsCollapsible" class="verticalSection detailVerticalSection hide">
191-
<h2 class="sectionTitle sectionTitle-cards padded-right">${HeaderAdditionalParts}</h2>
192-
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
193-
<div id="additionalPartsContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
194-
</div>
189+
<div id="additionalPartsCollapsible" class="verticalSection detailVerticalSection hide">
190+
<h2 class="sectionTitle sectionTitle-cards padded-right">${HeaderAdditionalParts}</h2>
191+
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
192+
<div id="additionalPartsContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
195193
</div>
194+
</div>
196195

197-
<div class="verticalSection detailVerticalSection moreFromSeasonSection hide">
198-
<h2 class="sectionTitle sectionTitle-cards padded-right"></h2>
199-
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
200-
<div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
201-
</div>
196+
<div class="verticalSection detailVerticalSection moreFromSeasonSection hide">
197+
<h2 class="sectionTitle sectionTitle-cards padded-right"></h2>
198+
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
199+
<div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
202200
</div>
201+
</div>
203202

204-
<div id="lyricsSection" class="verticalSection-extrabottompadding detailVerticalSection lyricsContainer hide">
205-
<h2 class="sectionTitle sectionTitle-cards padded-right">${Lyrics}</h2>
206-
<div is="emby-itemscontainer" class="vertical-list itemsContainer"></div>
207-
</div>
203+
<div id="lyricsSection" class="verticalSection-extrabottompadding detailVerticalSection lyricsContainer hide">
204+
<h2 class="sectionTitle sectionTitle-cards padded-right">${Lyrics}</h2>
205+
<div is="emby-itemscontainer" class="vertical-list itemsContainer"></div>
206+
</div>
208207

209-
<div class="verticalSection detailVerticalSection moreFromArtistSection hide">
210-
<h2 class="sectionTitle sectionTitle-cards padded-right"></h2>
211-
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
212-
<div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
213-
</div>
208+
<div class="verticalSection detailVerticalSection moreFromArtistSection hide">
209+
<h2 class="sectionTitle sectionTitle-cards padded-right"></h2>
210+
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
211+
<div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
214212
</div>
213+
</div>
215214

216-
<div id="castCollapsible" class="verticalSection detailVerticalSection hide">
217-
<h2 id="peopleHeader" class="sectionTitle sectionTitle-cards padded-right">${HeaderCastAndCrew}</h2>
218-
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
219-
<div id="castContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
220-
</div>
215+
<div id="castCollapsible" class="verticalSection detailVerticalSection hide">
216+
<h2 id="peopleHeader" class="sectionTitle sectionTitle-cards padded-right">${HeaderCastAndCrew}</h2>
217+
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
218+
<div id="castContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
221219
</div>
220+
</div>
222221

223-
<div id="guestCastCollapsible" class="verticalSection detailVerticalSection hide">
224-
<h2 id="guestCastHeader" class="sectionTitle sectionTitle-cards padded-right">${HeaderGuestCast}</h2>
225-
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
226-
<div id="guestCastContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
227-
</div>
222+
<div id="guestCastCollapsible" class="verticalSection detailVerticalSection hide">
223+
<h2 id="guestCastHeader" class="sectionTitle sectionTitle-cards padded-right">${HeaderGuestCast}</h2>
224+
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
225+
<div id="guestCastContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
228226
</div>
227+
</div>
229228

230-
<div id="seriesScheduleSection" class="verticalSection detailVerticalSection hide">
231-
<h2 class="sectionTitle padded-right">${HeaderUpcomingOnTV}</h2>
232-
<div id="seriesScheduleList" is="emby-itemscontainer" class="itemsContainer vertical-list padded-right"></div>
233-
</div>
229+
<div id="seriesScheduleSection" class="verticalSection detailVerticalSection hide">
230+
<h2 class="sectionTitle padded-right">${HeaderUpcomingOnTV}</h2>
231+
<div id="seriesScheduleList" is="emby-itemscontainer" class="itemsContainer vertical-list padded-right"></div>
232+
</div>
234233

235-
<div id="specialsCollapsible" class="verticalSection detailVerticalSection hide">
236-
<h2 class="sectionTitle sectionTitle-cards padded-right">${SpecialFeatures}</h2>
237-
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
238-
<div id="specialsContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
239-
</div>
234+
<div id="specialsCollapsible" class="verticalSection detailVerticalSection hide">
235+
<h2 class="sectionTitle sectionTitle-cards padded-right">${SpecialFeatures}</h2>
236+
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
237+
<div id="specialsContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
240238
</div>
239+
</div>
241240

242-
<div id="musicVideosCollapsible" class="verticalSection detailVerticalSection hide">
243-
<h2 class="sectionTitle sectionTitle-cards padded-right">${MusicVideos}</h2>
244-
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
245-
<div id="musicVideosContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
246-
</div>
241+
<div id="musicVideosCollapsible" class="verticalSection detailVerticalSection hide">
242+
<h2 class="sectionTitle sectionTitle-cards padded-right">${MusicVideos}</h2>
243+
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
244+
<div id="musicVideosContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
247245
</div>
246+
</div>
248247

249-
<div id="scenesCollapsible" class="verticalSection detailVerticalSection verticalSection-extrabottompadding hide">
250-
<h2 class="sectionTitle sectionTitle-cards padded-right">${HeaderScenes}</h2>
251-
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
252-
<div id="scenesContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
253-
</div>
248+
<div id="scenesCollapsible" class="verticalSection detailVerticalSection verticalSection-extrabottompadding hide">
249+
<h2 class="sectionTitle sectionTitle-cards padded-right">${HeaderScenes}</h2>
250+
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
251+
<div id="scenesContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
254252
</div>
253+
</div>
255254

256-
<div id="similarCollapsible" class="verticalSection detailVerticalSection verticalSection-extrabottompadding hide">
257-
<h2 class="sectionTitle sectionTitle-cards padded-right">${HeaderMoreLikeThis}</h2>
258-
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
259-
<div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer similarContent"></div>
260-
</div>
255+
<div id="similarCollapsible" class="verticalSection detailVerticalSection verticalSection-extrabottompadding hide">
256+
<h2 class="sectionTitle sectionTitle-cards padded-right">${HeaderMoreLikeThis}</h2>
257+
<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale no-padding" data-centerfocus="true">
258+
<div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer similarContent"></div>
261259
</div>
262260
</div>
263261
</div>

‎src/styles/librarybrowser.scss‎

Lines changed: 0 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -601,39 +601,6 @@
601601
}
602602
}
603603

604-
.detailPageContent {
605-
display: flex;
606-
flex-direction: column;
607-
608-
.layout-desktop &,
609-
.layout-tv & {
610-
.emby-scroller {
611-
[dir="ltr"] & {
612-
margin-left: 0;
613-
}
614-
615-
[dir="rtl"] & {
616-
margin-right: 0;
617-
}
618-
}
619-
}
620-
621-
[dir="ltr"] & {
622-
padding-left: 32.45vw;
623-
padding-right: 2%;
624-
}
625-
626-
[dir="rtl"] & {
627-
padding-right: 32.45vw;
628-
padding-left: 2%;
629-
}
630-
631-
.layout-mobile & {
632-
padding-left: 5%;
633-
padding-right: 5%;
634-
}
635-
}
636-
637604
.detailSectionContent a {
638605
color: inherit;
639606
}
@@ -934,12 +901,10 @@
934901

935902
[dir="ltr"] & {
936903
padding-left: 32.45vw;
937-
padding-right: 2%;
938904
}
939905

940906
[dir="rtl"] & {
941907
padding-right: 32.45vw;
942-
padding-left: 2%;
943908
}
944909

945910
.layout-mobile & {

0 commit comments

Comments
 (0)