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

Modify styling of dashboard navigation dropdowns

Browse Source
This commit is contained in:
loof2736 2025-08-10 00:11:04 -04:00
parent a587163d43
commit 5fff995570
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
CSS/scyfin-theme.css
View File

@ -785,25 +785,20 @@ textarea {
.MuiListItem-root:has(.MuiSvgIcon-root[data-testid^="Expand"])::before { .MuiListItem-root:has(.MuiSvgIcon-root[data-testid^="Expand"])::before {
content: ''; content: '';
position: absolute; position: absolute;
background: var(--primary-background-color); background: #121212;
inset: 1px -5px 0px -5px; inset: 1px -5px 0px -5px;
border-radius: 25px; border-radius: 25px;
opacity: 0; opacity: 0;
transition: inset 0.25s ease-out, opacity 0.01s 0.25s; transition: inset 0.25s ease-out, opacity 0.01s 0.25s;
} }
.MuiListItem-root:has(.MuiSvgIcon-root[data-testid="ExpandLessIcon"])::before { .MuiListItem-root:has(.MuiSvgIcon-root[data-testid="ExpandLessIcon"])::before {
inset: 1px -5px -189px -5px; inset: 0px -5px -190px -5px;
opacity: 1; opacity: 1;
transition: inset 0.25s ease-out, opacity 0.01s; transition: inset 0.25s ease-out, opacity 0.01s;
} }
.MuiListItemButton-root:has(.MuiSvgIcon-root[data-testid="ExpandLessIcon"]) { .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; 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 { .MuiCollapse-root.MuiCollapse-vertical.MuiCollapse-entered {
padding-bottom: 5px !important; padding-bottom: 5px !important;
} }