ewilliams28/openclaw
1
0
Fork 0
mirror of https://github.com/openclaw/openclaw.git synced 2026-08-26 04:15:48 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): mark the active split pane with a focus ring instead of offset accent lines (#102511)

Browse Source
This commit is contained in:
Peter Steinberger
2026-07-09 09:16:39 +01:00
committed by GitHub
parent 7698783037
commit 7e0b67d7ea
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/styles/chat/split-view.css
+10 -2
View File
@@ -38,14 +38,22 @@ openclaw-chat-pane {
overflow: hidden;
}
/* Active-pane focus ring. The fixed toolbar and the weighted flex panes have
independent x-origins, so paired horizontal accent lines across the two
layers always render visibly offset; each layer marks focus on its own. */
.chat-split-view__pane--active {
box-shadow: inset 0 2px 0 var(--accent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent);
}
.chat-split-view--narrow .chat-split-view__pane {
min-height: 0;
}
/* Narrow mode shows only the active pane; a focus ring is pure noise there. */
.chat-split-view--narrow .chat-split-view__pane--active {
box-shadow: none;
}
.chat-split-view__drop-indicator {
position: absolute;
z-index: 20;
@@ -137,7 +145,7 @@ openclaw-chat-pane {
}
.chat-split-toolbar__pane--active {
box-shadow: inset 0 2px 0 var(--accent);
background: color-mix(in srgb, var(--accent) 10%, transparent);
}
/* Pane controls replace the breadcrumb hierarchy in split mode, while the