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:
parent
10def79586
commit
0c205af671
4 changed files with 4 additions and 6 deletions
|
@ -1052,8 +1052,7 @@ div.itemDetailGalleryLink.defaultCardBackground {
|
|||
}
|
||||
|
||||
.itemsContainer {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media all and (max-height: 31.25em) {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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" />
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue