new .active styling to #id_tray_btn, _handle & _grip whenever drawer is open

This commit is contained in:
Disco DeDisco
2026-03-28 19:06:09 -04:00
parent b35c9b483e
commit d63a4bec4a

View File

@@ -837,19 +837,24 @@ $handle-r: 1rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&.active {
color: rgba(var(--quaUser), 1);
border-color: rgba(var(--quaUser), 1);
}
i { i {
font-size: 1.75rem; font-size: 1.75rem;
color: rgba(var(--secUser), 1); color: rgba(var(--secUser), 1);
pointer-events: none; pointer-events: none;
} }
&:active { cursor: grabbing; } &:active { cursor: grabbing; }
&.open { cursor: pointer; } &.open {
cursor: pointer;
border-color: rgba(var(--quaUser), 1);
i { color: rgba(var(--quaUser), 1); }
}
}
// Grip borders → --quaUser when tray is open (btn.open precedes grip in DOM so :has() needed)
#id_tray_wrap:has(#id_tray_btn.open) #id_tray_grip {
border-color: rgba(var(--quaUser), 1);
&::before { border-color: rgba(var(--quaUser), 1); }
} }
@keyframes tray-wobble { @keyframes tray-wobble {