fix: vertically center tool summary labels · openclaw/ope...

Recent Commits to openclaw:main

shakkernerd · 2026-05-31 · via Recent Commits to openclaw:main

Original file line number	Diff line number	Diff line change
`@@ -234,7 +234,10 @@`
`234`	`234`	`.chat-tool-msg-summary__error-badge {`
`235`	`235`	`display: inline-flex;`
`236`	`236`	`align-items: center;`
	`237`	`+align-self: center;`
`237`	`238`	`gap: 3px;`
	`239`	`+min-height: 20px;`
	`240`	`+box-sizing: border-box;`
`238`	`241`	`padding: 1px 6px;`
`239`	`242`	`margin-left: auto;`
`240`	`243`	`border-radius: 999px;`
`@@ -244,7 +247,7 @@`
`244`	`247`	`font-weight: 600;`
`245`	`248`	`letter-spacing: 0.04em;`
`246`	`249`	`text-transform: uppercase;`
`247`		`-line-height: 1.4;`
	`250`	`+line-height: 1;`
`248`	`251`	`flex-shrink: 0;`
`249`	`252`	`}`
`250`	`253`
`@@ -649,17 +652,22 @@`
`649`	`652`	`margin-top: 6px;`
`650`	`653`	`}`
`651`	`654`
	`655`	`+.chat-bubble--tool-shell > .chat-tool-msg-collapse {`
	`656`	`+margin-top: 0;`
	`657`	`+}`
	`658`	`+`
`652`	`659`	`.chat-tool-msg-summary {`
`653`	`660`	`display: flex;`
`654`		`-align-items: flex-start;`
	`661`	`+align-items: center;`
	`662`	`+align-content: center;`
`655`	`663`	`flex-wrap: wrap;`
`656`		`-gap: 8px;`
	`664`	`+gap: 12px;`
`657`	`665`	`min-width: 0;`
`658`	`666`	`box-sizing: border-box;`
`659`	`667`	`padding: 8px 11px;`
`660`	`668`	`cursor: pointer;`
`661`	`669`	`font-size: var(--control-ui-text-sm);`
`662`		`-line-height: 1.4;`
	`670`	`+line-height: 1;`
`663`	`671`	`color: var(--text);`
`664`	`672`	`user-select: none;`
`665`	`673`	`list-style: none;`
`@@ -675,13 +683,24 @@`
`675`	`683`	`text-align: left;`
`676`	`684`	`appearance: none;`
`677`	`685`	`-webkit-appearance: none;`
`678`		`-font: inherit;`
	`686`	`+font-family: inherit;`
`679`	`687`	`transition:`
`680`	`688`	`color 150ms ease,`
`681`	`689`	`background 150ms ease,`
`682`	`690`	`border-color 150ms ease;`
`683`	`691`	`}`
`684`	`692`
	`693`	`+.chat-tool-msg-summary svg,`
	`694`	`+.chat-tool-msg-summary__icon {`
	`695`	`+flex-shrink: 0;`
	`696`	`+}`
	`697`	`+`
	`698`	`+.chat-tool-msg-summary span {`
	`699`	`+display: inline-flex;`
	`700`	`+align-items: center;`
	`701`	`+line-height: var(--control-ui-text-sm);`
	`702`	`+}`
	`703`	`+`
`685`	`704`	`.chat-tool-msg-summary[type="button"] {`
`686`	`705`	`background:`
`687`	`706`	`linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 34%),`
`@@ -705,8 +724,13 @@`
`705`	`724`
`706`	`725`	`.chat-tool-msg-summary::before {`
`707`	`726`	`content: "▸";`
	`727`	`+display: inline-flex;`
	`728`	`+align-items: center;`
	`729`	`+justify-content: center;`
	`730`	`+width: 8px;`
	`731`	`+height: 20px;`
`708`	`732`	`font-size: 10px;`
`709`		`-margin-top: 3px;`
	`733`	`+line-height: 1;`
`710`	`734`	`flex-shrink: 0;`
`711`	`735`	`transition: transform 150ms ease;`
`712`	`736`	`}`
`@@ -757,17 +781,16 @@`
`757`	`781`	`display: inline-flex;`
`758`	`782`	`align-items: center;`
`759`	`783`	`justify-content: center;`
`760`		`-width: 14px;`
`761`		`-height: 14px;`
`762`		`-margin-top: 2px;`
	`784`	`+align-self: center;`
	`785`	`+width: 18px;`
	`786`	`+height: 18px;`
`763`	`787`	`color: var(--accent);`
`764`	`788`	`opacity: 0.75;`
`765`		`-flex-shrink: 0;`
`766`	`789`	`}`
`767`	`790`
`768`	`791`	`.chat-tool-msg-summary__icon svg {`
`769`		`-width: 14px;`
`770`		`-height: 14px;`
	`792`	`+width: 18px;`
	`793`	`+height: 18px;`
`771`	`794`	`stroke: currentColor;`
`772`	`795`	`fill: none;`
`773`	`796`	`stroke-width: 1.5px;`
`@@ -776,6 +799,8 @@`
`776`	`799`	`}`
`777`	`800`
`778`	`801`	`.chat-tool-msg-summary__label {`
	`802`	`+align-self: center;`
	`803`	`+min-height: 20px;`
`779`	`804`	`font-weight: 600;`
`780`	`805`	`color: var(--text);`
`781`	`806`	`flex: 0 1 auto;`
`@@ -789,8 +814,11 @@`
`789`	`814`
`790`	`815`	`.chat-tool-msg-summary__names,`
`791`	`816`	`.chat-tool-msg-summary__preview {`
	`817`	`+align-self: center;`
	`818`	`+min-height: 20px;`
`792`	`819`	`font-family: var(--mono);`
`793`		`-font-size: var(--control-ui-text-xs);`
	`820`	`+font-size: var(--control-ui-text-sm);`
	`821`	`+transform: translateY(0.8px);`
`794`	`822`	`color: color-mix(in srgb, var(--text) 76%, var(--muted) 24%);`
`795`	`823`	`flex: 1 1 18rem;`
`796`	`824`	`max-width: 100%;`

Original file line number	Diff line number	Diff line change
`@@ -8,13 +8,31 @@ function readToolCardsCss(): string {`
`8`	`8`	`describe("chat tool card styles", () => {`
`9`	`9`	`it("keeps collapsed tool summaries readable without premature ellipsis", () => {`
`10`	`10`	`const css = readToolCardsCss();`
	`11`	`+const summaryRule = css.match(/\.chat-tool-msg-summary\s\{[^}]\}/)?.[0] ?? "";`
`11`	`12`
`12`	`13`	`expect(css).toContain(".chat-tool-msg-summary {");`
	`14`	`+expect(css).toContain("align-items: center;");`
	`15`	`+expect(css).toContain("align-content: center;");`
	`16`	`+expect(css).toContain(".chat-bubble--tool-shell > .chat-tool-msg-collapse {\n margin-top: 0;");`
`13`	`17`	`expect(css).toContain("flex-wrap: wrap;");`
	`18`	`+expect(css).toContain("gap: 12px;");`
`14`	`19`	`expect(css).toContain("font-size: var(--control-ui-text-sm);");`
	`20`	`+expect(css).toContain(`
	`21`	`+".chat-tool-msg-summary svg,\n.chat-tool-msg-summary__icon {\n flex-shrink: 0;",`
	`22`	`+);`
	`23`	`+expect(css).toContain(`
	`24`	`+".chat-tool-msg-summary span {\n display: inline-flex;\n align-items: center;\n line-height: var(--control-ui-text-sm);",`
	`25`	`+);`
	`26`	`+expect(summaryRule).toContain("font-family: inherit;");`
	`27`	`+expect(summaryRule).not.toContain("font: inherit;");`
`15`	`28`	`expect(css).toContain("color: var(--text);");`
`16`	`29`	`expect(css).toMatch(/\.chat-tool-msg-summary__names\s*,/);`
`17`	`30`	`expect(css).toContain(".chat-tool-msg-summary__preview");`
	`31`	`+expect(css).toContain("font-size: var(--control-ui-text-sm);");`
	`32`	`+expect(css).toContain("transform: translateY(0.8px);");`
	`33`	`+expect(css).toContain("height: 20px;");`
	`34`	`+expect(css).toContain("min-height: 20px;");`
	`35`	`+expect(css).not.toContain(".chat-tool-msg-summary__names {\n text-align: center;");`
`18`	`36`	`expect(css).toContain("overflow-wrap: anywhere;");`
`19`	`37`	`expect(css).toContain("text-overflow: clip;");`
`20`	`38`	`expect(css).toContain("white-space: normal;");`

此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。原文来自 — 版权归原作者所有。

推荐订阅源

Recent Commits to openclaw:main