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;
justify-content: center;
&.active {
color: rgba(var(--quaUser), 1);
border-color: rgba(var(--quaUser), 1);
}
i {
font-size: 1.75rem;
color: rgba(var(--secUser), 1);
pointer-events: none;
}
&:active { cursor: grabbing; }
&.open { cursor: pointer; }
&:active { cursor: grabbing; }
&.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 {