Jake/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-07-13 12:38:02 +00:00
Code Packages Projects Releases Activity

Edge-dock resize handle: fade accent stripe in on hover

Browse Source 
Transparent at rest, accent gradient animates in on hover with a 0.18s
ease transition. Drag affordance + col-resize cursor still work; the
stripe just stops bothering you when not touched.

Right-side handle mirrors the gradient direction (left-to-right
gradient flipped to right-to-left).
This commit is contained in:
pewdiepie-archdaemon
2026-06-10 23:18:07 +09:00
parent 1638db9c86
commit 0a3333b961
2 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+11
View File
@@ -14314,6 +14314,17 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
/* Selected integration card — class beats inline borderColor reset */
.intg-card.intg-card-active { border-color: var(--accent, var(--red)) !important; }
/* Edge-dock resize handle: invisible at rest, accent stripe animates in
on hover. Inline background:transparent + transition come from
modalSnap.js; this rule paints the accent gradient on hover, beating
the inline style with !important. */
.edge-dock-resize-handle-left:hover {
background: linear-gradient(to right, transparent 0 3px, color-mix(in srgb, var(--accent, var(--red)) 35%, transparent) 3px 7px, transparent 7px 10px) !important;
}
.edge-dock-resize-handle-right:hover {
background: linear-gradient(to left, transparent 0 3px, color-mix(in srgb, var(--accent, var(--red)) 35%, transparent) 3px 7px, transparent 7px 10px) !important;
}
[data-settings-panel="ai"] .admin-card > h2 > svg,
[data-settings-panel="services"] .admin-card > h2 > svg,
[data-settings-panel="added-models"] .admin-card > h2 > svg,