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
+25 -10
View File
@@ -309,20 +309,35 @@ ul.magicDelete > li.deleting {
left: -8px;
}
}
#menu li.active > .sub > ul > .item {
box-shadow: inset 3px 0 var(--item-colour, transparent);
border-radius: 0px 8px 8px 0px;
transition: 100ms;
#menu {
li.active > .sub > ul > .item:not(.hasChildren) {
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 3px;
background: var(--item-colour, transparent);
transition: width 100ms, transform 0.3s ease;
border-radius: 8px 0 0 8px;
}
#menu li.active > .sub > ul > .item:hover {
box-shadow: inset 6px 0 var(--item-colour, transparent);
transition: 100ms;
&:hover::before,
&.active::before {
width: 6px;
background: var(--item-colour, transparent);
}
#menu li.active > .sub > ul > .active {
box-shadow: inset 6px 0 var(--item-colour, transparent);
transition: 100ms;
}
li.active > .sub > ul > .active {
background: rgba(0, 0, 0, 0.3) !important;
}
}
#menu li > label,
#menu section > label {
text-transform: none;
src/css/injected/sidebar-animation.scss
+3 -1
View File
@@ -7,11 +7,13 @@
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 > svg,
#menu > ul ul:has(li.hasChildren.active) > li > label,
#menu > ul ul:has(li.hasChildren.active) > li > svg {
transform: translateX(-20rem);
transform: translateX(-320px);
}
.sub .sub {