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

Added background to dashboard dropdown navigation buttons

Browse Source
This commit is contained in:
loof2736 2025-08-09 11:56:06 -04:00
parent e49cb8308c
commit 0d6f173b43
1 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
CSS/scyfin-theme.css
View File

@ -784,6 +784,34 @@ html,
textarea { textarea {
padding-bottom: 10px !important; padding-bottom: 10px !important;
} }
/* Background behind dashboard dropdown navigation buttons */
@supports selector(:has(*)) {
.MuiListItem-root:has(.MuiSvgIcon-root[data-testid^="Expand"])::before {
content: '';
position: absolute;
background: var(--primary-background-color);
inset: 1px -5px 0px -5px;
border-radius: 25px;
opacity: 0;
transition: inset 0.25s ease-out, opacity 0.01s 0.25s;
}
.MuiListItem-root:has(.MuiSvgIcon-root[data-testid="ExpandLessIcon"])::before {
inset: 1px -5px -189px -5px;
opacity: 1;
transition: inset 0.25s ease-out, opacity 0.01s;
}
.MuiListItemButton-root:has(.MuiSvgIcon-root[data-testid="ExpandLessIcon"]) {
color: var(--primary-accent-color) !important;
background: var(--secondary-accent-color) !important;
transform: scale(1.05) !important;
}
.MuiListItemButton-root:has(.MuiSvgIcon-root[data-testid="ExpandLessIcon"]) .MuiListItemIcon-root {
color: var(--primary-accent-color) !important;
}
.MuiCollapse-root.MuiCollapse-vertical.MuiCollapse-entered {
padding-bottom: 5px !important;
}
}
@ -1026,7 +1054,7 @@ textarea {
background-size: contain !important; background-size: contain !important;
border-radius: var(--rounded-cards); border-radius: var(--rounded-cards);
} }
/* Move up content if no backdrop image is present /* Move up content if no backdrop image is present - I might make this work at some point, right now it causes the page to jump around when it is loading
@supports selector(:has(*)) { @supports selector(:has(*)) {
.layout-desktop:not(:has(.backdropContainer .backdropImage)) #itemBackdrop { .layout-desktop:not(:has(.backdropContainer .backdropImage)) #itemBackdrop {
height: 20vh !important; height: 20vh !important;