mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-24 09:46:36 +00:00
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:
parent
3e954eef02
commit
73c286a493
@ -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;
|
||||
|
@ -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));
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -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));
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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);
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user