MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-04 00:18:52 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixed mobile header scaling on small devices #39

Browse Source
This commit is contained in:
loof2736 2024-11-30 14:31:21 -05:00
parent a430a08030
commit 1f055e932c
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
CSS/scyfin-theme.css
View File

@ -341,6 +341,7 @@ html,
margin-left: auto !important; margin-left: auto !important;
margin-right: auto !important; margin-right: auto !important;
width: auto !important; width: auto !important;
max-width: 100% !important;
} }
.layout-mobile .emby-button-foreground { .layout-mobile .emby-button-foreground {
top: -2px !important; top: -2px !important;
@ -373,6 +374,30 @@ html,
.layout-mobile .headroom--not-top:has(.headerTabs.sectionTabs:not(.hide)) .headerRight { .layout-mobile .headroom--not-top:has(.headerTabs.sectionTabs:not(.hide)) .headerRight {
background: var(--primary-background-transparent) !important; background: var(--primary-background-transparent) !important;
} }
@media (max-width: 380px) {
.layout-mobile .pageTitle:not(.pageTitleWithLogo):not(:empty) {
position: absolute !important;
margin-left: 50% !important;
transform: translate(-50%, 0) !important;
top: 60px !important;
}
.layout-mobile .headerTop:has(.pageTitle:not(.pageTitleWithLogo):not(:empty)) {
-webkit-align-items: start !important;
align-items: start !important;
}
.layout-mobile .skinHeader:has(.pageTitle:not(.pageTitleWithLogo):not(:empty)) {
height: 110px !important;
}
.layout-mobile .skinHeader:has(.pageTitle:not(.pageTitleWithLogo):not(:empty)):has(.sectionTabs:not(.hide)) {
height: 140px !important;
}
.layout-mobile .libraryPage:not(.noSecondaryNavPage) {
padding-top: 9.5em !important;
}
.layout-mobile .headroom--unpinned:has(.headerTabs.sectionTabs:not(.hide)):has(.pageTitle:not(.pageTitleWithLogo):not(:empty)) {
transform: translateY(-60%);
}
}