From 5f9e5be85c66b019a50fa59fdbfe9bdbb5d542b3 Mon Sep 17 00:00:00 2001 From: Leo Li Date: Wed, 21 Oct 2026 02:39:24 +0000 Subject: [PATCH] fix(cmux-next markdown): the toolbar spans the page whatever order the bundle loads ui.css in .ui-toolbar's inline-flex (ui.css) and .md-toolbar's flex had the same specificity, so load order decided; in the gallery bundle ui.css came last and the bar shrank to its content: its border stopped at ~286px and the file name ran into "Saved". The rule is now scoped under its host. Co-Authored-By: Claude Opus 5.5 Agent-Session: https://cmux.com/deeplink/agent?harness=claude&session=01a15c2a-ee79-7910-9d76-ef0536b9880d&host=huge-blue --- webviews/src/pages/markdown/styles.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/webviews/src/pages/markdown/styles.css b/webviews/src/pages/markdown/styles.css index bbf577e85971..1177486b5d57 100644 --- a/webviews/src/pages/markdown/styles.css +++ b/webviews/src/pages/markdown/styles.css @@ -87,7 +87,9 @@ body { color: var(--cmux-md-muted-color); } -.md-toolbar { +/* The host scopes it past .ui-toolbar's inline-flex (ui.css), whatever order the bundle loads them in: + inline, the bar shrank to its content, its border stopped short and the file name met "Saved". */ +.md-toolbar-host > .md-toolbar { display: flex; align-items: center; gap: 10px;