diff --git a/CHANGELOG.md b/CHANGELOG.md index 76781dd0..aed2f0b8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,7 +11,6 @@ All notable changes to this project will be documented in this file. - Context Panel: chat tabs now use the session title and mark the open chat as seen while you are viewing it. - Desktop/macOS: the Dock icon can now show a badge count for chats with unseen activity, with a new Appearance setting to turn it off. - Context Panel: Browser and Preview tabs no longer accumulate duplicate auth tokens in their URLs after reloads or navigation. -- UI: typography classes (ui-header, ui-label, meta, micro) now actually shrink on mobile viewports — they previously rendered at the same size as desktop despite the mobile clamp rules (thanks to @foundryseven). ## [1.13.5] - 2026-06-27 diff --git a/packages/ui/src/styles/mobile.css b/packages/ui/src/styles/mobile.css index d03f4873..20cb5b9c 100644 --- a/packages/ui/src/styles/mobile.css +++ b/packages/ui/src/styles/mobile.css @@ -44,20 +44,20 @@ :root.mobile-pointer:not(.desktop-runtime) { --text-markdown: 1rem; --text-code: 0.875rem; - --text-ui-header: 0.875rem; - --text-ui-label: 0.75rem; - --text-meta: 0.75rem; - --text-micro: 0.6875rem; + --text-ui-header: 0.9375rem; + --text-ui-label: 0.875rem; + --text-meta: 0.875rem; + --text-micro: 0.8125rem; } /* Force override with higher specificity */ :root.mobile-pointer:not(.desktop-runtime) * { --text-markdown: 1rem !important; --text-code: 0.875rem !important; - --text-ui-header: 0.875rem !important; - --text-ui-label: 0.75rem !important; - --text-meta: 0.75rem !important; - --text-micro: 0.6875rem !important; + --text-ui-header: 0.9375rem !important; + --text-ui-label: 0.875rem !important; + --text-meta: 0.875rem !important; + --text-micro: 0.8125rem !important; } /* Additional override for elements using typography classes */ @@ -325,19 +325,19 @@ } .typography-ui-header { - font-size: 0.875rem !important; + font-size: 0.9375rem !important; } .typography-ui-label { - font-size: 0.75rem !important; + font-size: 0.875rem !important; } .typography-meta { - font-size: 0.75rem !important; + font-size: 0.875rem !important; } .typography-micro { - font-size: 0.6875rem !important; + font-size: 0.8125rem !important; } /* Fix font size for tool displays */