jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 11:16:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix ha header bar height (#15996)

Browse Source 
* 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ha-header-bar.ts
View File

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

2
src/dialogs/more-info/ha-more-info-dialog.ts
View File

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

2
src/dialogs/more-info/ha-more-info-info.ts
View File

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

1
src/dialogs/notifications/notification-drawer.ts
View File

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

3
src/dialogs/quick-bar/ha-quick-bar.ts
View File

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

2
src/panels/config/automation/ha-automation-trace.ts
View File

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

2
src/panels/config/script/ha-script-trace.ts
View File

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