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

Implement fix for issue 2314: Add padding to prevent music controls from clipping

This commit is contained in:
Aleksi Viitala 2021-03-25 00:18:16 +02:00
parent 10def79586
commit 0c205af671
4 changed files with 4 additions and 6 deletions

View file

@ -1052,8 +1052,7 @@ div.itemDetailGalleryLink.defaultCardBackground {
}
.itemsContainer {
margin-left: auto;
margin-right: auto;
margin: 0 auto;
}
@media all and (max-height: 31.25em) {

View file

@ -81,8 +81,7 @@ div[data-role="page"] {
.content-primary,
.padded-bottom-page,
.page,
.pageWithAbsoluteTabs .pageTabContent,
.itemsContainer {
.pageWithAbsoluteTabs .pageTabContent {
/* provides room for the music controls */
padding-bottom: 5em !important;
}

View file

@ -3,7 +3,7 @@
</div>
<div class="detailLogo"></div>
<div class="detailPageWrapperContainer">
<div class="detailPageWrapperContainer padded-bottom-page">
<div class="detailPagePrimaryContainer padded-left padded-right">
<div class="primaryImageWrapper hide">
<img id="primaryImage" />

View file

@ -1,7 +1,7 @@
<div data-role="page" class="view flex flex-direction-column page libraryPage noSecondaryNavPage" data-backbutton="true">
<div class="alphaPicker alphaPicker-vertical alphaPicker-fixed focuscontainer-y hide">
</div>
<div class="flex-grow padded-left padded-right pageContainerTopPadding">
<div class="flex-grow padded-left padded-right padded-bottom-page pageContainerTopPadding">
<div class="flex align-items-center focuscontainer-x itemsViewSettingsContainer padded-top padded-bottom flex-wrap-wrap">
<button is="emby-button" class="btnPlay button-flat hide listTextButton-autohide">
<span>${HeaderPlayAll}</span>