From 86ec1685a597128b6b0cc6a21fdca30e01155e15 Mon Sep 17 00:00:00 2001 From: 4gray Date: Tue, 19 May 2026 02:05:14 +0200 Subject: [PATCH] chore(settings): drop uppercase eyebrow on rail title MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit After switching from mono to sans, the SETTINGS label still used uppercase + 0.1em letter-spacing — an eyebrow treatment that doesn't appear anywhere else in the workspace rail. The neighbouring items ("Dashboard", "Sources", "Global favorites") are all sentence case, so the uppercase header stood out as a one-off. Use sentence case "Settings" with the same typography family as the rail items: same font, same case, small + muted so it still reads as a quiet caption rather than competing with the clickable items below. Co-Authored-By: Claude Opus 4.7 (1M context) --- ...pace-settings-context-panel.component.scss | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-settings-context-panel.component.scss b/libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-settings-context-panel.component.scss index 981557ab6..fb7b41080 100644 --- a/libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-settings-context-panel.component.scss +++ b/libs/workspace/shell/feature/src/lib/workspace-context-panel/workspace-settings-context-panel.component.scss @@ -7,19 +7,18 @@ overflow: hidden; } -// Quiet eyebrow header — small, uppercase, letter-spaced so it doesn't -// compete with the section titles on the right pane (which is now the -// dominant heading). Stays on the app's inherited sans-serif (DM Sans) -// rather than the mockup's mono — the rest of the workspace shell uses -// sans for every other small label, so a one-off mono eyebrow stood out -// as inconsistent. +// Quiet sentence-case rail header — matches the typography of the +// section nav items below ("Dashboard", "Sources", etc., all sentence +// case) instead of standing out as an uppercase eyebrow that didn't +// appear anywhere else in the workspace rail. The muted colour and +// small size still distinguish it from the clickable items so it reads +// as a section caption rather than competing for focus. .panel-title { margin: 0; - padding: 20px 18px 12px; - font-size: 11px; + padding: 20px 18px 10px; + font-size: 13px; font-weight: 600; - letter-spacing: 0.1em; - text-transform: uppercase; + letter-spacing: 0.005em; color: var(--mat-sys-on-surface-variant); }