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

Mobile fixes

Browse Source
This commit is contained in:
loof2736 2022-11-11 02:32:37 -05:00
parent 47dbbac4eb
commit d42fc6a1f0
1 changed files with 35 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
CSS/css-scyfin/scyfin-theme.css
View File

@ -1,5 +1,5 @@
/* Increase size of Jellyfin logo */
.pageTitleWithLogo {
.layout-desktop .pageTitleWithLogo {
margin-left: 15px !important;
height: 40px !important;
margin-top: 5px !important;
@ -21,9 +21,12 @@
z-index: 998 !important;
}
/* Lower drawer buttons */
.mainDrawer-scrollContainer {
.layout-desktop .mainDrawer-scrollContainer {
margin-top: 95px !important;
}
.layout-mobile .mainDrawer-scrollContainer {
margin-top: 20px !important;
}
/* Shift content to the right */
.layout-desktop .libraryPage:not(#quickConnectPreferencesPage) {
margin-left: 250px !important;
@ -49,7 +52,7 @@
}
/* Fix for video player and login page */
.layout-desktop .hide-scroll .mainDrawer,
.hideMainDrawer .mainDrawer {
.layout-desktop .hideMainDrawer .mainDrawer {
left: -320px !important;
}
@ -84,7 +87,7 @@
margin-top: 0 !important;
}
/* Fix for header buttons */
.emby-button-foreground {
.layout-desktop .emby-button-foreground {
top: -9px !important;
}
@ -110,7 +113,9 @@ html {
/* Transparent header bar */
.skinHeader {
background-color: transparent !important;
margin-top: 1.5em !important;
}
.layout-desktop .skinHeader {
padding-top: 1.5em !important;
}
/* Rounded header buttons */
.headerTabs,
@ -118,6 +123,9 @@ html {
background-color:rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important;
backdrop-filter: blur(50px) !important;
}
.layout-desktop .headerTabs,
.layout-desktop .headerRight {
margin-left: 250px !important;
margin-bottom: 10px !important;
}
@ -127,14 +135,26 @@ html {
height: 45px !important;
}
/* Lower header and add padding to right buttons */
.headerRight {
.layout-desktop .headerRight {
padding: 0px 5px !important;
}
/* Move left header back up */
.headerLeft {
.layout-desktop .headerLeft {
position: relative !important;
top: -17px !important;
}
/* Mobile fixes */
.layout-mobile .headroom--unpinned {
transform: translateY(-50%);
}
.layout-mobile .sectionTabs {
margin-left: auto !important;
margin-right: auto !important;
width: auto !important;
}
.layout-mobile .emby-button-foreground {
top: -2px !important;
}
@ -166,7 +186,7 @@ html {
border: 0 !important;
}
/* Add padding to list items */
.listItem {
.layout-desktop .listItem {
padding-left: 15px !important;
}
/* Rounded dashboard cards */
@ -184,28 +204,28 @@ html {
/* Fix for scaling issues */
@media (width: 1600px) {
.headerRight {
.layout-desktop .headerRight {
margin-bottom: 0 !important;
}
.emby-button-foreground {
.layout-desktop .emby-button-foreground {
top: -4px !important;
}
}
@media (max-width: 1599px) {
.pageTitleWithLogo {
.layout-desktop .pageTitleWithLogo {
margin-left: 25px !important;
}
.headerTabs {
.layout-desktop .headerTabs {
margin-top: -65px !important;
}
.headerRight {
.layout-desktop .headerRight {
margin-right: 15px !important;
}
.sectionTabs {
.layout-desktop .sectionTabs {
width: auto !important;
align-self: center !important;
}
.emby-button-foreground {
.layout-desktop .emby-button-foreground {
top: -2px !important;
}
}