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

Added option to disable static left drawer

Browse Source
This commit is contained in:
loof2736 2023-12-03 04:42:50 -05:00
parent f31810f4fd
commit b3b421b591
4 changed files with 147 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
CSS/css-scyfin/disable-static-drawer-backdrop.css Normal file
View File

@ -0,0 +1,76 @@
/* Reset size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo {
margin-left: 25px !important;
height: 30px !important;
margin-top: 0px !important;
}
/* Un-static left drawer */
.layout-desktop .mainDrawer {
left: -345px !important;
width: 275px !important;
/* Move drawer behind header */
z-index: 1099 !important;
/* Modified background color */
background-color: rgba(35, 35, 35, 0.5) !important;
border-radius: 25px !important;
backdrop-filter: blur(50px) !important;
}
/* Lower drawer buttons */
.layout-desktop .mainDrawer-scrollContainer {
margin-top: 15px !important;
margin-left: 25px !important;
}
/* Shift content back to the left */
.layout-desktop .libraryPage:not(#editItemMetadataPage) {
margin-left: 0px !important;
}
/* Fix for Jellyfin Media Player */
.quickConnectSettingsContainer {
margin-left: 0px !important;
}
/* Add transition back */
.layout-desktop .touch-menu-la.transition {
transition: transform .24s ease-out,left .26s ease-out,-webkit-transform .24s ease-out !important;
}
/* Show hamburger button */
.layout-desktop .mainDrawerButton {
display: inline-flex !important;
}
/* Fix for dashboard height */
.layout-desktop .dashboardDocument .mainDrawer {
top: 0px !important;
}
/* Re-center header buttons */
.layout-desktop .headerTabs {
margin-left: 0px !important;
}
/* Hide home button */
.layout-desktop .headerHomeButton {
display: block !important;
}
.layout-desktop .dashboardDocument .headerHomeButton {
display: block !important;
}
/* Fix for scroll menus on home page */
.emby-scroller {
margin-right: 3.3% !important;
}
/* Background for home, hamburger, and Jellyfin */
.layout-desktop .headerLeft {
top: -3px !important;
background-color: rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important;
backdrop-filter: blur(50px) !important;
padding: 2px !important;
margin-right: 1180px !important;
}

70
CSS/css-scyfin/disable-static-drawer.css Normal file
View File

@ -0,0 +1,70 @@
/* Reset size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo {
margin-left: 25px !important;
height: 30px !important;
margin-top: 0px !important;
}
/* Un-static left drawer */
.layout-desktop .mainDrawer {
left: -320px !important;
/* Move drawer behind header */
z-index: 1099 !important;
}
/* Lower drawer buttons */
.layout-desktop .mainDrawer-scrollContainer {
margin-top: 15px !important;
}
/* Shift content back to the left */
.layout-desktop .libraryPage:not(#editItemMetadataPage) {
margin-left: 0px !important;
}
/* Fix for Jellyfin Media Player */
.quickConnectSettingsContainer {
margin-left: 0px !important;
}
/* Add transition back */
.layout-desktop .touch-menu-la.transition {
transition: transform .24s ease-out,left .26s ease-out,-webkit-transform .24s ease-out !important;
}
/* Show hamburger button */
.layout-desktop .mainDrawerButton {
display: inline-flex !important;
}
/* Fix for dashboard height */
.layout-desktop .dashboardDocument .mainDrawer {
top: 0px !important;
}
/* Re-center header buttons */
.layout-desktop .headerTabs {
margin-left: 0px !important;
}
/* Hide home button */
.layout-desktop .headerHomeButton {
display: block !important;
}
.layout-desktop .dashboardDocument .headerHomeButton {
display: block !important;
}
/* Fix for scroll menus on home page */
.emby-scroller {
margin-right: 3.3% !important;
}
/* Background for home, hamburger, and Jellyfin */
.layout-desktop .headerLeft {
top: -3px !important;
background-color: rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important;
backdrop-filter: blur(50px) !important;
padding: 2px !important;
margin-right: 1180px !important;
}

1
CSS/css-scyfin/scyfin-theme-backdrop.css
View File

@ -9,7 +9,6 @@
/* Static left drawer */
.layout-desktop .mainDrawer {
transform: none !important;
left: 0 !important;
top: 0 !important;
width: 250px !important;

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

@ -9,7 +9,6 @@
/* Static left drawer */
.layout-desktop .mainDrawer {
transform: none !important;
left: 0 !important;
top: 0 !important;
width: 250px !important;
@ -25,7 +24,7 @@
margin-top: 95px !important;
}
.layout-mobile .mainDrawer-scrollContainer {
margin-top: 20px !important;
margin-top: 15px !important;
}
/* Shift content to the right */
.layout-desktop .libraryPage:not(#editItemMetadataPage) {