BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: colours not moving with sidebar transition

Browse Source
This commit is contained in:
sethburkart123
2024-06-09 08:45:54 +10:00
parent ea88f0754b
commit d686631b8d
2 changed files with 31 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/injected.scss
+28 -13
View File
@@ -309,20 +309,35 @@ ul.magicDelete > li.deleting {
left: -8px; left: -8px;
} }
} }
#menu li.active > .sub > ul > .item {
box-shadow: inset 3px 0 var(--item-colour, transparent); #menu {
border-radius: 0px 8px 8px 0px; li.active > .sub > ul > .item:not(.hasChildren) {
transition: 100ms; position: relative;
}
#menu li.active > .sub > ul > .item:hover { &::before {
box-shadow: inset 6px 0 var(--item-colour, transparent); content: '';
transition: 100ms; position: absolute;
} top: 0;
#menu li.active > .sub > ul > .active { left: 0;
box-shadow: inset 6px 0 var(--item-colour, transparent); bottom: 0;
transition: 100ms; width: 3px;
background: rgba(0, 0, 0, 0.3) !important; background: var(--item-colour, transparent);
transition: width 100ms, transform 0.3s ease;
border-radius: 8px 0 0 8px;
}
&:hover::before,
&.active::before {
width: 6px;
background: var(--item-colour, transparent);
}
}
li.active > .sub > ul > .active {
background: rgba(0, 0, 0, 0.3) !important;
}
} }
#menu li > label, #menu li > label,
#menu section > label { #menu section > label {
text-transform: none; text-transform: none;
src/css/injected/sidebar-animation.scss
+3 -1
View File
@@ -7,11 +7,13 @@
overflow-y: scroll !important; overflow-y: scroll !important;
} }
#menu > ul:has(li.hasChildren.active) > li::before,
#menu > ul ul:has(li.hasChildren.active) > li::before,
#menu > ul:has(li.hasChildren.active) > li > label, #menu > ul:has(li.hasChildren.active) > li > label,
#menu > ul:has(li.hasChildren.active) > li > svg, #menu > ul:has(li.hasChildren.active) > li > svg,
#menu > ul ul:has(li.hasChildren.active) > li > label, #menu > ul ul:has(li.hasChildren.active) > li > label,
#menu > ul ul:has(li.hasChildren.active) > li > svg { #menu > ul ul:has(li.hasChildren.active) > li > svg {
transform: translateX(-20rem); transform: translateX(-320px);
} }
.sub .sub { .sub .sub {