ewilliams28/openclaw
1
0
Fork 0
mirror of https://github.com/openclaw/openclaw.git synced 2026-08-26 12:26:38 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): align transcript search corner radius (#123299)

Browse Source
This commit is contained in:
Josh Lehman
2026-08-13 14:12:30 -07:00
committed by GitHub
parent 0b847dc92f
commit f04fdd5594
2 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/pages/chat/chat-responsive.browser.test.ts
+21 -1
View File
@@ -700,7 +700,7 @@ describeBrowserLayout.concurrent("chat responsive browser layout", () => {
<html>
<head><style>${readUiCss()}</style></head>
<body>
<section class="chat">
<section class="card chat">
<div class="agent-chat__search-bar">
${iconSvg()}
<input type="text" placeholder="Search messages" />
@@ -713,8 +713,28 @@ describeBrowserLayout.concurrent("chat responsive browser layout", () => {
const searchBar = await getBoundingBox(page, ".agent-chat__search-bar");
const icons = await page.locator(".agent-chat__search-bar svg").all();
const input = page.locator(".agent-chat__search-bar input");
const cornerRadii = await page.locator(".chat").evaluate((chat) => {
const search = chat.querySelector<HTMLElement>(".agent-chat__search-bar");
if (!search) {
throw new Error("Expected transcript search bar");
}
const radii = (element: Element) => {
const style = getComputedStyle(element);
return [
style.borderTopLeftRadius,
style.borderTopRightRadius,
style.borderBottomRightRadius,
style.borderBottomLeftRadius,
];
};
return { chat: radii(chat), search: radii(search) };
});
expect(searchBar.height).toBeLessThan(64);
expect(cornerRadii).toEqual({
chat: ["0px", "0px", "0px", "0px"],
search: ["0px", "0px", "14px", "14px"],
});
expect(icons).toHaveLength(2);
for (const icon of icons) {
const box = await icon.boundingBox();
ui/src/styles/chat/layout.css
+5
View File
@@ -146,12 +146,17 @@ openclaw-chat-page {
/* Transcript search sits above the workbench. Keep the shared SVG icon from
taking its intrinsic flex width and size the controls as compact chrome. */
.chat:has(> .agent-chat__search-bar) {
border-radius: 0;
}
.agent-chat__search-bar {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-bottom: 1px solid var(--border);
border-radius: 0 0 var(--radius-lg) var(--radius-lg);
background: var(--card);
}