jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-04-24 21:37:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix dialog placement and overflow (#13527)

Browse Source
This commit is contained in:
Bram Kragten 2022-08-31 13:55:26 +02:00 committed by GitHub
parent c116ad67ed
commit be4dcbe405
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/ha-dialog.ts
View File

@ -80,6 +80,7 @@ export class HaDialog extends DialogBase {
.mdc-dialog .mdc-dialog__surface {
position: var(--dialog-surface-position, relative);
top: var(--dialog-surface-top);
margin-top: var(--dialog-surface-margin-top);
min-height: var(--mdc-dialog-min-height, auto);
border-radius: var(--ha-dialog-border-radius, 28px);
}

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

@ -269,6 +269,7 @@ export class MoreInfoDialog extends LitElement {
ha-dialog {
--dialog-surface-position: static;
--dialog-content-position: static;
--vertial-align-dialog: flex-start;
}
ha-header-bar {
@ -301,8 +302,7 @@ export class MoreInfoDialog extends LitElement {
ha-dialog {
--mdc-dialog-min-width: 560px;
--mdc-dialog-max-width: 560px;
--dialog-surface-position: fixed;
--dialog-surface-top: 40px;
--dialog-surface-margin-top: 40px;
--mdc-dialog-max-height: calc(100% - 72px);
}

7
src/panels/config/entities/entity-registry-settings.ts
View File

@ -1044,7 +1044,6 @@ export class EntityRegistrySettings extends SubscribeMixin(LitElement) {
css`
:host {
display: block;
margin-bottom: 60px;
}
.container {
padding: 20px 24px;
@ -1056,11 +1055,9 @@ export class EntityRegistrySettings extends SubscribeMixin(LitElement) {
justify-content: space-between;
padding-bottom: max(env(safe-area-inset-bottom), 24px);
background-color: var(--mdc-theme-surface, #fff);
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid var(--divider-color);
position: sticky;
bottom: 0px;
}
ha-select {
width: 100%;