Skip to content

Commit 74f4789

Browse files
authored
[69204] PageHeader title is misaligned on Overview page (#383)
* Set for the height of actions in page header * Create mighty-fireants-draw.md * Generating component snapshots * Set for the height of actions in page header * remove unnecessary line
1 parent 11668f7 commit 74f4789

File tree

2 files changed

+14
-3
lines changed

2 files changed

+14
-3
lines changed

.changeset/mighty-fireants-draw.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@openproject/primer-view-components": patch
3+
---
4+
5+
[69204] PageHeader title is misaligned on Overview page

app/components/primer/open_project/page_header.pcss

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,13 @@
9191
}
9292
}
9393

94-
/* Match the title bar height with the toggle menu button for proper vertical alignment */
95-
.PageHeader--noBreadcrumb .PageHeader-titleBar {
96-
line-height: var(--control-small-size);
94+
/* Match the title bar and actions height with the toggle menu button for proper vertical alignment */
95+
.PageHeader--noBreadcrumb {
96+
& .PageHeader-titleBar {
97+
line-height: var(--control-small-size);
98+
}
99+
100+
& .PageHeader-actions {
101+
height: var(--control-small-size);
102+
}
97103
}

0 commit comments

Comments
 (0)