boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-12-29 07:17:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Header tabs were sightly off-center on phones/tablets due to an unintentional left padding

Browse Source
This commit is contained in:
lscambo13
2025-12-28 22:11:19 +05:30
parent bf4241a700
commit 6a11b9cb60
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1063,7 +1063,6 @@ body {
#itemDetailPage .emby-scroller, #itemDetailPage .emby-scroller,
#itemDetailPage .scrollX { #itemDetailPage .scrollX {
margin: 0 calc(-1 * var(--sidePadding)); margin: 0 calc(-1 * var(--sidePadding));
padding: 0 var(--sidePadding);
padding-left: calc(var(--sidePadding) - 0.375em); padding-left: calc(var(--sidePadding) - 0.375em);
/* mask-image: linear-gradient(90deg, transparent, white var(--sidePadding), white calc(100vw - var(--sidePadding)), transparent); */ /* mask-image: linear-gradient(90deg, transparent, white var(--sidePadding), white calc(100vw - var(--sidePadding)), transparent); */
} }
@@ -1075,10 +1074,14 @@ body {
} }
.emby-scroller, .emby-scroller,
.hiddenScrollX.scrollX { .scrollX {
padding-left: calc(var(--sidePadding) - 0.375em); padding-left: calc(var(--sidePadding) - 0.375em);
} }
.sectionTabs .scrollX {
padding-left: 0;
}
.itemsContainer:not(.editorsChoiceItemsContainer) { .itemsContainer:not(.editorsChoiceItemsContainer) {
column-gap: var(--itemColumnGap); column-gap: var(--itemColumnGap);
} }