Skip to content

Commit e182512

Browse files
fix(core): pin CorePageHeader to content size in flex-column contexts (#4210)
v-row inherits flex: 1 1 auto from Vuetify. Add flex: 0 0 auto on .core-page-header so the header never grows when placed as a flex child of a flex-direction:column shell. No-op in normal block flow. Closes #4202
1 parent a92952c commit e182512

1 file changed

Lines changed: 4 additions & 0 deletions

File tree

src/modules/core/components/core.pageHeader.component.vue

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,10 @@ export default {
8585
* a 56px rhythm for title↔breadcrumb route transitions use CorePageHeaderTabs,
8686
* which enforces the height externally.
8787
*/
88+
.core-page-header {
89+
flex: 0 0 auto; /* never grow on the main axis of a flex-column parent — v-row inherits flex: 1 1 auto from Vuetify */
90+
}
91+
8892
.core-page-header__content {
8993
flex: 1 1 0;
9094
min-width: 0;

0 commit comments

Comments
 (0)