add 1px breathing room above tab strips (T-324)

The tab strips — Claude session tabs (MultitabPane._TabStrip) and the
slot tab bar (ClideTabBar) — sat flush against the chrome above, reading
as cramped. Add a 1px top margin to both Containers so the pane surface
behind shows as a hairline gap, separating the tabBarBackground strip
from the chrome edge. Both are single-use widgets, so the margin applies
once per surface (no double-apply).

Regenerated the linux clide_tab_bar golden. (The macOS variant is now 1px
stale but is dormant on the linux gate; regenerate on macOS.)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-10 13:36:35 +02:00
co-authored by Claude Opus 4.8
parent ba968223fe
commit 3dd770c0a6
6 changed files with 134 additions and 0 deletions
+3
View File
@@ -44,6 +44,9 @@ class ClideTabBar extends StatelessWidget {
explicitChildNodes: true,
child: Container(
height: height,
// A hairline of the surface behind, so the strip doesn't butt against
// the chrome directly above it (T-324).
margin: const EdgeInsets.only(top: 1),
color: tokens.tabBarBackground,
child: Row(
children: [
+3
View File
@@ -120,6 +120,9 @@ class _TabStrip<T> extends StatelessWidget {
return Container(
height: tabHeight,
// A hairline of the surface behind, so the strip doesn't butt against the
// chrome directly above it (T-324).
margin: const EdgeInsets.only(top: 1),
decoration: BoxDecoration(
color: tokens.tabBarBackground,
border: Border(bottom: BorderSide(color: tokens.dividerColor)),