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

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

3
src/assets/css/librarybrowser.scss
View file

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

3
src/assets/css/site.scss
View file

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

2
src/controllers/itemDetails/index.html
View file

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

2
src/controllers/list.html
View file

@ -1,7 +1,7 @@
<div data-role="page" class="view flex flex-direction-column page libraryPage noSecondaryNavPage" data-backbutton="true"> <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 class="alphaPicker alphaPicker-vertical alphaPicker-fixed focuscontainer-y hide">
</div> </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"> <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"> <button is="emby-button" class="btnPlay button-flat hide listTextButton-autohide">
<span>${HeaderPlayAll}</span> <span>${HeaderPlayAll}</span>