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

Merge pull request #18 from JamsRepos/main

Browse Source 
Fix Header on Static Drawer Disabled
This commit is contained in:
Josh Wilberger 2024-05-19 18:09:50 -04:00 committed by GitHub
commit 30cf0b7b53
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
CSS/css-scyfin/disable-static-drawer-backdrop.css
View File

@ -77,25 +77,34 @@
position: absolute; position: absolute;
top: 39px; top: 39px;
left: 10px; left: 10px;
width: 270px; width: 245px;
height: 45px; height: 45px;
background-color: rgba(35, 35, 35, 0.5) !important; background-color: rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important; border-radius: 50px !important;
backdrop-filter: blur(50px) !important; backdrop-filter: blur(50px) !important;
} }
/* Reduce the size of the header when the logo is not present */
.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before {
width: 160px;
}
.layout-desktop .headerLeft { .layout-desktop .headerLeft {
padding: 2px !important; padding: 2px !important;
top: -3px !important; top: -3px !important;
} }
.layout-desktop .pageTitle { .layout-desktop .pageTitle {
z-index: 1099 !important; z-index: 1099 !important;
} }
@media (width: 1600px) { @media (width: 1600px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px; top: 35px;
left: 10px; left: 10px;
} }
} }
@media (max-width: 1599px) { @media (max-width: 1599px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px; top: 35px;

11
CSS/css-scyfin/disable-static-drawer.css
View File

@ -71,25 +71,34 @@
position: absolute; position: absolute;
top: 39px; top: 39px;
left: 10px; left: 10px;
width: 270px; width: 245px;
height: 45px; height: 45px;
background-color: rgba(35, 35, 35, 0.5) !important; background-color: rgba(35, 35, 35, 0.5) !important;
border-radius: 50px !important; border-radius: 50px !important;
backdrop-filter: blur(50px) !important; backdrop-filter: blur(50px) !important;
} }
/* Reduce the size of the header when the logo is not present */
.layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before {
width: 160px;
}
.layout-desktop .headerLeft { .layout-desktop .headerLeft {
padding: 2px !important; padding: 2px !important;
top: -3px !important; top: -3px !important;
} }
.layout-desktop .pageTitle { .layout-desktop .pageTitle {
z-index: 1099 !important; z-index: 1099 !important;
} }
@media (width: 1600px) { @media (width: 1600px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px; top: 35px;
left: 10px; left: 10px;
} }
} }
@media (max-width: 1599px) { @media (max-width: 1599px) {
.layout-desktop:not(.transparentDocument) .headerLeft::before { .layout-desktop:not(.transparentDocument) .headerLeft::before {
top: 35px; top: 35px;

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

@ -1,12 +1,11 @@
/* Increase size of Jellyfin logo */ /* Increase size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo { .layout-desktop .pageTitleWithLogo {
margin-left: 15px !important; margin-left: 15px !important;
width: 100px !important;
height: 40px !important; height: 40px !important;
margin-top: 5px !important; margin-top: 5px !important;
} }
/* Static left drawer */ /* Static left drawer */
.layout-desktop .mainDrawer { .layout-desktop .mainDrawer {
left: 0 !important; left: 0 !important;

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

@ -1,12 +1,11 @@
/* Increase size of Jellyfin logo */ /* Increase size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo { .layout-desktop .pageTitleWithLogo {
margin-left: 15px !important; margin-left: 15px !important;
width: 100px !important;
height: 40px !important; height: 40px !important;
margin-top: 5px !important; margin-top: 5px !important;
} }
/* Static left drawer */ /* Static left drawer */
.layout-desktop .mainDrawer { .layout-desktop .mainDrawer {
left: 0 !important; left: 0 !important;
@ -14,8 +13,6 @@
width: 250px !important; width: 250px !important;
/* Modified background color */ /* Modified background color */
background-color: #181818 !important; background-color: #181818 !important;
/* Added border to right side */
border-right: 1px solid #3B3B3B !important;
/* Move drawer behind header */ /* Move drawer behind header */
z-index: 998 !important; z-index: 998 !important;
} }
@ -147,17 +144,13 @@
color: rgb(33, 149, 243) !important; color: rgb(33, 149, 243) !important;
} }
/* Modified background color */ /* Modified background color */
.backgroundContainer,
.dialog, .dialog,
html { html {
background-color: #0F0F0F !important; background-color: #0F0F0F !important;
} }
/* Transparent header bar */ /* Transparent header bar */
.skinHeader { .skinHeader {
background-color: transparent !important; background-color: transparent !important;