Fix ha header bar height (#15996)

* Fix ha header bar height in more info

* Fix ha header bar height in more places
This commit is contained in:
Paul Bottein 2023-03-31 15:44:22 +02:00 committed by GitHub
parent 3e954eef02
commit 73c286a493
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 8 additions and 6 deletions

View File

@ -33,7 +33,7 @@ export class HaHeaderBar extends LitElement {
unsafeCSS(topAppBarStyles),
css`
.mdc-top-app-bar__row {
height: var(--header-bar-height, 64px);
height: var(--header-height);
}
.mdc-top-app-bar {
position: static;

View File

@ -478,7 +478,7 @@ export class MoreInfoDialog extends LitElement {
@media all and (max-width: 450px) {
.child-view > * {
min-height: calc(100vh - 56px);
min-height: calc(100vh - var(--header-height));
}
}

View File

@ -90,7 +90,7 @@ export class MoreInfoInfo extends LitElement {
@media all and (max-width: 450px) {
.container {
min-height: calc(100vh - 56px);
min-height: calc(100vh - var(--header-height));
}
}

View File

@ -152,7 +152,6 @@ export class HuiNotificationDrawer extends LitElement {
--mdc-theme-primary: var(--primary-background-color);
border-bottom: 1px solid var(--divider-color);
display: block;
--header-bar-height: var(--header-height);
}
.notifications {

View File

@ -755,6 +755,9 @@ export class QuickBar extends LitElement {
haStyleScrollbar,
haStyleDialog,
css`
mwc-list {
--mdc-list-vertical-padding: 0;
}
.heading {
display: flex;
align-items: center;

View File

@ -520,7 +520,7 @@ export class HaAutomationTrace extends LitElement {
}
.main {
height: calc(100% - 56px);
height: calc(100% - var(--header-height));
display: flex;
background-color: var(--card-background-color);
direction: ltr;

View File

@ -508,7 +508,7 @@ export class HaScriptTrace extends LitElement {
}
.main {
height: calc(100% - 56px);
height: calc(100% - var(--header-height));
display: flex;
background-color: var(--card-background-color);
}