fix(ui): align page titles with page content (#127738)

Co-authored-by: RoboClaw <309084314+roboclaw-bot@users.noreply.github.com>
Co-authored-by: Tak Hoffman <781889+Takhoffman@users.noreply.github.com>
This commit is contained in:
ClawSweeper
2026-08-21 19:06:50 -07:00
committed by GitHub
parent 877ab6b0b2
commit b3d3404ae6
2 changed files with 12 additions and 11 deletions
@@ -230,6 +230,13 @@ suite.define(() => {
await waitForControlUiRoute(page, { pathname: "/activity", routeId: "activity" });
const activityPage = page.locator("openclaw-activity-page");
await expect.poll(() => activityPage.count()).toBe(1);
const titleLeft = await activityPage
.locator(".page-title")
.evaluate((element) => element.getBoundingClientRect().left);
const tabsLeft = await activityPage
.locator(".activity-mode-tabs")
.evaluate((element) => element.getBoundingClientRect().left);
expect(Math.abs(titleLeft - tabsLeft)).toBeLessThanOrEqual(8);
await activityPage.locator(".activity-feed__people-trigger").click();
await expect
.poll(() =>
+5 -11
View File
@@ -4018,20 +4018,14 @@ wa-dropdown.sidebar-identity-menu::part(menu) {
max-height: 80px;
}
/* The fixed web chrome sits over the top-left of ordinary page headers too.
Settings, mobile drawers, and native hosts own different chrome. */
/* Keep ordinary page headers below the fixed web chrome instead of shifting
their titles away from the page content. Settings, mobile drawers, and
native hosts own different chrome. */
html:not(.openclaw-native-macos):not(.openclaw-native-nav):not(.openclaw-native-web-chrome)
.shell:not(.shell--nav-collapsed):not(.shell--mobile-nav):not(.shell--settings)
.shell:not(.shell--mobile-nav):not(.shell--settings)
.content:not(.content--chat)
.content-header {
padding-left: 88px;
}
html:not(.openclaw-native-macos):not(.openclaw-native-nav):not(.openclaw-native-web-chrome)
.shell--nav-collapsed:not(.shell--mobile-nav):not(.shell--settings)
.content:not(.content--chat)
.content-header {
padding-left: 124px;
margin-top: 48px;
}
.content-header--page + * {