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 being cut-off on tablet screens #220

Browse Source
This commit is contained in:
lscambo13
2025-12-28 22:19:00 +05:30
parent 8f27df07bc
commit 4083a7a0b9
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3849,14 +3849,6 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
background-color: var(--textColor); background-color: var(--textColor);
} }
.layout-mobile .headerTabs.sectionTabs .emby-tab-button:first-child {
margin-left: var(--sidePadding);
}
.layout-mobile .headerTabs.sectionTabs .emby-tab-button:last-child {
margin-right: var(--sidePadding);
}
@media (min-width: 75em) { @media (min-width: 75em) {
.sectionTabs { .sectionTabs {
-webkit-align-items: center; -webkit-align-items: center;
@@ -3883,6 +3875,17 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
} }
} }
@media (max-width: 75em) {
/* these margins are applied only on phones, not tablets*/
.layout-mobile .sectionTabs .emby-tab-button:first-child {
margin-left: var(--sidePadding);
}
.layout-mobile .sectionTabs .emby-tab-button:last-child {
margin-right: var(--sidePadding);
}
}
/* this increased top page padding when section tabs are maximised */ /* this increased top page padding when section tabs are maximised */
.libraryPage:not(.noSecondaryNavPage) { .libraryPage:not(.noSecondaryNavPage) {
padding-top: 9.5em !important; padding-top: 9.5em !important;