jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-09 02:49:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Set header bar min height and make sure items are centered (#27542)

Browse Source
This commit is contained in:
Aidan Timson
2025-10-16 15:14:08 +01:00
committed by GitHub
parent 8c4c4157a8
commit f32ca9be29
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ha-dialog-header.ts
View File

@@ -49,12 +49,16 @@ export class HaDialogHeader extends LitElement {
display: flex;
flex-direction: row;
align-items: center;
padding: 4px;
padding: 0 var(--ha-space-1);
box-sizing: border-box;
}
.header-content {
flex: 1;
padding: 10px 4px;
padding: 10px var(--ha-space-1);
display: flex;
flex-direction: column;
justify-content: center;
min-height: var(--ha-space-12);
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
@@ -63,7 +67,7 @@ export class HaDialogHeader extends LitElement {
.header-title {
height: var(
--ha-dialog-header-title-height,
calc(var(--ha-font-size-xl) + 4px)
calc(var(--ha-font-size-xl) + var(--ha-space-1))
);
font-size: var(--ha-font-size-xl);
line-height: var(--ha-line-height-condensed);
@@ -76,19 +80,19 @@ export class HaDialogHeader extends LitElement {
}
@media all and (min-width: 450px) and (min-height: 500px) {
.header-bar {
padding: 16px;
padding: 0 var(--ha-space-2);
}
}
.header-navigation-icon {
flex: none;
min-width: 8px;
min-width: var(--ha-space-2);
height: 100%;
display: flex;
flex-direction: row;
}
.header-action-items {
flex: none;
min-width: 8px;
min-width: var(--ha-space-2);
height: 100%;
display: flex;
flex-direction: row;