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

Merged options for dynamic changes

Browse Source
This commit is contained in:
loof2736 2024-06-09 17:21:00 -04:00
parent d22dc84677
commit 6c9cdbefef
2 changed files with 11 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
CSS/disable-static-drawer-backdrop.css
View File

@ -1,116 +0,0 @@
/* Reset size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo {
height: 30px !important;
width: 100px !important;
}
/* Un-static left drawer */
.layout-desktop .mainDrawer:not(.dashboardDocument) {
left: -345px !important;
width: 275px !important;
/* Move drawer behind header */
z-index: 1099 !important;
/* Modified background color */
background-color: var(--primary-background-transparent) !important;
border-radius: var(--rounded-cards) !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:not(.dashboardDocument) {
display: inline-flex !important;
}
/* Fix for dashboard */
.layout-desktop .dashboardDocument .mainDrawer {
top: 0px !important;
left: 0px !important;
width: 300px !important;
z-index: 998 !important;
}
.layout-desktop .dashboardDocument .mainDrawer-scrollContainer {
padding-top: 75px !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 top left buttons */
.layout-desktop .headerLeft:not(.libraryDocument:has(.videoPlayerContainer) .headerLeft) {
padding: 2px 15px 2px 2px !important;
top: -3px !important;
background-color: var(--primary-background-transparent) !important;
border-radius: 50px !important;
backdrop-filter: blur(50px) !important;
}
.headerLeft {
flex-grow: 0 !important;
-webkit-flex-grow: 0 !important;
}
.headerRight {
position: absolute !important;
right: 12px !important;
}
/* Reduce the size of the header when the logo is not present */
.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before {
width: 160px;
}
.layout-desktop .pageTitle {
z-index: 1099 !important;
}
@media (width: 1600px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px;
left: 10px;
}
}
@media (max-width: 1599px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px;
left: 5px;
}
}
/* Music Player */
.layout-desktop .appfooter {
margin-left: 0px !important;
}

37
CSS/disable-static-drawer.css
View File

@ -2,16 +2,24 @@
.layout-desktop .pageTitleWithLogo {
height: 30px !important;
width: 100px !important;
margin: 0 1em 0 .5em !important;
}
/* Un-static left drawer */
.layout-desktop .mainDrawer:not(.dashboardDocument) {
left: -320px !important;
/* Move drawer behind header */
z-index: 1099 !important;
background-color: var(--secondary-background-color) !important;
border-radius: var(--rounded-cards) !important;
}
.layout-desktop:has(.backgroundContainer.withBackdrop) .mainDrawer:not(.dashboardDocument) {
width: 275px !important;
background-color: var(--primary-background-transparent) !important;
backdrop-filter: blur(var(--blur)) !important;
}
.layout-desktop:has(#itemDetailPage.noBackdropTransparency) .mainDrawer:not(.dashboardDocument) {
background: var(--secondary-background-color) !important;
backdrop-filter: none !important;
}
/* Lower drawer buttons */
.layout-desktop .mainDrawer-scrollContainer {
@ -68,7 +76,7 @@
/* Background for top left buttons */
.layout-desktop .headerLeft:not(.libraryDocument:has(.videoPlayerContainer) .headerLeft) {
padding: 2px 15px 2px 2px !important;
padding: 2px !important;
top: -3px !important;
background-color: var(--primary-background-transparent) !important;
border-radius: 50px !important;
@ -83,29 +91,6 @@
right: 12px !important;
}
/* Reduce the size of the header when the logo is not present */
.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before {
width: 160px;
}
.layout-desktop .pageTitle {
z-index: 1099 !important;
}
@media (width: 1600px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px;
left: 10px;
}
}
@media (max-width: 1599px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px;
left: 5px;
}
}
/* Music Player */
.layout-desktop .appfooter {
margin-left: 0px !important;