Unify top panel header styling

2026-08-05 16:48:27 +02:00
parent 4a985f101f
commit a83b9b3ab9
5 changed files with 19 additions and 6 deletions
@@ -81,6 +81,15 @@ test("uses one shared height for the top panel headers", async ({ page }) => {
  expect(new Set(heights).size).toBe(1);
 });

+test("uses one shared visual style for the top panel headers", async ({ page }) => {
+  await page.goto("/");
+  const styles = await page.locator(".panel-header").evaluateAll((elements) => elements.map((element) => {
+    const style = getComputedStyle(element);
+    return [style.height, style.backgroundColor, style.borderBottomColor, style.fontSize, style.fontWeight, style.paddingLeft, style.paddingRight];
+  }));
+  expect(new Set(styles.map((style) => JSON.stringify(style))).size).toBe(1);
+});
+
 test("uses one shared visual style for panel controls", async ({ page }) => {
  await page.goto("/");
  const styles = await page.locator("#sidebarCloseButton, #secondaryPanelToggle, #mainWorkspaceToggle").evaluateAll((elements) => elements.map((element) => {