boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-11-07 15:25:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Improved consistency and reduced side paddings on mobile layout

Browse Source
This commit is contained in:
lscambo13
2025-10-25 13:12:11 -07:00
parent e674310187
commit 855cbfa901
1 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
Theme/ElegantFin-theme-nightly.css
View File

@@ -905,10 +905,13 @@ html {
/* margin-bottom: -1.5em; */ /* margin-bottom: -1.5em; */
} }
/* test disabled for 10.11.0 */ /* this disables block padding on pre-10.11.0 */
/* .layout-mobile .detailPagePrimaryContainer { .layout-mobile .detailPagePrimaryContainer.detailRibbon,
padding: .5em var(--sidePadding); /* this disables block padding on 10.11.0 */
} */ .layout-mobile .detailPagePrimaryContainer>.detailRibbon {
padding: 0 var(--sidePadding);
}
/* [dir=ltr] .detailPagePrimaryContent { /* [dir=ltr] .detailPagePrimaryContent {
padding-right: 0; padding-right: 0;
} */ } */
@@ -929,6 +932,11 @@ html {
padding-left: var(--sidePadding); padding-left: var(--sidePadding);
} }
.layout-mobile .detailPagePrimaryContent {
padding-left: var(--sidePadding) !important;
padding-right: var(--sidePadding) !important;
}
/* this places main media buttons below the title on 10.11.0 */ /* this places main media buttons below the title on 10.11.0 */
.layout-desktop [dir=ltr] .detailRibbon, .layout-desktop [dir=ltr] .detailRibbon,
.layout-tv [dir=ltr] .detailRibbon { .layout-tv [dir=ltr] .detailRibbon {
@@ -940,7 +948,8 @@ html {
} }
.detailPageSecondaryContainer { .detailPageSecondaryContainer {
padding-top: 0; /* use !important for pre-10.11.0 compatibility */
padding-top: 0 !important;
} }
/* this hides the header home button everywhere except the main media page */ /* this hides the header home button everywhere except the main media page */
@@ -2316,7 +2325,9 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
.mainDetailButtons { .mainDetailButtons {
justify-content: center; justify-content: center;
margin: 0 0 1em 0; /* test for 10.11.0 */
/* margin: 0 0 1em 0; */
margin: 0;
} }
.layout-mobile [dir=ltr] .mainDetailButtons { .layout-mobile [dir=ltr] .mainDetailButtons {