diff --git a/apps/ui/src/ui-classic/components/session-view/composer/style.module.css b/apps/ui/src/ui-classic/components/session-view/composer/style.module.css index eead995134..25e3a8c62d 100644 --- a/apps/ui/src/ui-classic/components/session-view/composer/style.module.css +++ b/apps/ui/src/ui-classic/components/session-view/composer/style.module.css @@ -52,6 +52,8 @@ user-select: none; } +/* Invisible hit strip along the shell's top edge; the ns-resize cursor is the + pointer affordance. The indicator line only appears on keyboard focus. */ .resizeHandle { position: absolute; top: -5px; @@ -68,18 +70,16 @@ -webkit-app-region: no-drag; } -/* Thin full-width line that lights up on hover, keyboard focus, and while dragging. */ .resizeHandleIndicator { width: 100%; height: 2px; + border-radius: 999px; background-color: var(--wpds-color-stroke-interactive-brand, #2563eb); opacity: 0; transition: opacity 120ms ease; } -.resizeHandle:hover .resizeHandleIndicator, -.resizeHandle:focus-visible .resizeHandleIndicator, -.shellResizing .resizeHandleIndicator { +.resizeHandle:focus-visible .resizeHandleIndicator { opacity: 1; }