Merge pull request #33354 from backstage/charlesdedreuille/bacui-249-fix-container-bottom-margin-clash-in-bui-oss

fix(ui): fix Container bottom margin clash in Header
This commit is contained in:
Charles de Dreuille
2026-03-16 10:28:57 +00:00
committed by GitHub
6 changed files with 43 additions and 22 deletions
@@ -0,0 +1,7 @@
---
'@backstage/ui': patch
---
Fixed incorrect bottom spacing caused by `Container` using `padding-bottom` for its default bottom spacing. Changed to `margin-bottom` and prevented it from applying when `Container` is used as the `Header` root element.
**Affected components:** Container, Header
+15
View File
@@ -0,0 +1,15 @@
---
'@backstage/ui': minor
---
**BREAKING**: Renamed internal CSS classes to match the `Header` component name.
**Migration:**: If you are targeting these classes directly in your styles, update the following:
- `bui-HeaderPage``bui-Header`
- `bui-HeaderPageContent``bui-HeaderContent`
- `bui-HeaderPageBreadcrumbs``bui-HeaderBreadcrumbs`
- `bui-HeaderPageTabsWrapper``bui-HeaderTabsWrapper`
- `bui-HeaderPageControls``bui-HeaderControls`
**Affected components:**: Header