fix(workspace): remove active border from stacked pane containers
Stacked pane containers now keep the subtle inactive border color even when containing the active pane. This prevents title bars from appearing to have the active state border, as the entire container border no longer changes to the bright active color. - Changed stacked-pane-container.workspace-pane-active to use inactiveBorderColor - Active state is indicated by WebView focus, not container border - Title bars maintain consistent subtle styling
- commit
- e4cf6a47035736a11573fbb37813697f72e9a92b
- author
- bamen · · 2025-10-14 18:14 UTC
- parent
- 0552549
- signature
- unsigned
1 file · +2 -2
M internal/app/browser/workspace_css.go +2 -2
| @@ -114,7 +114,7 @@ func (wm *WorkspaceManager) generateWorkspaceCSS() string { | |||
| 114 | 114 | background-color: %s; | |
| 115 | 115 | } | |
| 116 | 116 | ||
| 117 | - | /* Active stacked pane container gets the outline color */ | |
| 117 | + | /* Stacked pane containers never get active border - focus is shown via WebKit */ | |
| 118 | 118 | .stacked-pane-container.workspace-pane-active { | |
| 119 | 119 | border-color: %s; | |
| 120 | 120 | } | |
| @@ -156,7 +156,7 @@ func (wm *WorkspaceManager) generateWorkspaceCSS() string { | |||
| 156 | 156 | styling.TransitionDuration, // base pane border transition | |
| 157 | 157 | activeBorderColor, // workspace-pane-active border color | |
| 158 | 158 | windowBackgroundColor, // stacked-pane-container background | |
| 159 | - | activeBorderColor, // stacked-pane-container.workspace-pane-active border color | |
| 159 | + | inactiveBorderColor, // stacked-pane-container.workspace-pane-active border color (keep subtle) | |
| 160 | 160 | getStackTitleBg(isDark), // stacked-pane-title background | |
| 161 | 161 | inactiveBorderColor, // stacked-pane-title border-bottom | |
| 162 | 162 | styling.TransitionDuration, // stacked-pane-title transition | |
| @@ -114,7 +114,7 @@ func (wm *WorkspaceManager) generateWorkspaceCSS() string { | |||||
| 114 | background-color: %s; | 114 | background-color: %s; | ||
| 115 | } | 115 | } | ||
| 116 | 116 | ||||
| 117 | - | /* Active stacked pane container gets the outline color */ | 117 | + | /* Stacked pane containers never get active border - focus is shown via WebKit */ |
| 118 | .stacked-pane-container.workspace-pane-active { | 118 | .stacked-pane-container.workspace-pane-active { | ||
| 119 | border-color: %s; | 119 | border-color: %s; | ||
| 120 | } | 120 | } | ||
| @@ -156,7 +156,7 @@ func (wm *WorkspaceManager) generateWorkspaceCSS() string { | |||||
| 156 | styling.TransitionDuration, // base pane border transition | 156 | styling.TransitionDuration, // base pane border transition | ||
| 157 | activeBorderColor, // workspace-pane-active border color | 157 | activeBorderColor, // workspace-pane-active border color | ||
| 158 | windowBackgroundColor, // stacked-pane-container background | 158 | windowBackgroundColor, // stacked-pane-container background | ||
| 159 | - | activeBorderColor, // stacked-pane-container.workspace-pane-active border color | 159 | + | inactiveBorderColor, // stacked-pane-container.workspace-pane-active border color (keep subtle) |
| 160 | getStackTitleBg(isDark), // stacked-pane-title background | 160 | getStackTitleBg(isDark), // stacked-pane-title background | ||
| 161 | inactiveBorderColor, // stacked-pane-title border-bottom | 161 | inactiveBorderColor, // stacked-pane-title border-bottom | ||
| 162 | styling.TransitionDuration, // stacked-pane-title transition | 162 | styling.TransitionDuration, // stacked-pane-title transition | ||