Add CSS var for ha-dialog border radius (#10424)

This commit is contained in:
Philip Allgaier 2021-11-09 17:24:39 +01:00 committed by GitHub
parent 70d54aa855
commit 4789295d32
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions

View File

@ -72,6 +72,10 @@ export class HaDialog extends Dialog {
position: var(--dialog-surface-position, relative); position: var(--dialog-surface-position, relative);
top: var(--dialog-surface-top); top: var(--dialog-surface-top);
min-height: var(--mdc-dialog-min-height, auto); min-height: var(--mdc-dialog-min-height, auto);
border-radius: var(
--ha-dialog-border-radius,
var(--ha-card-border-radius, 4px)
);
} }
:host([flexContent]) .mdc-dialog .mdc-dialog__content { :host([flexContent]) .mdc-dialog .mdc-dialog__content {
display: flex; display: flex;

View File

@ -331,8 +331,8 @@ export const haStyleDialog = css`
); );
--mdc-dialog-min-height: 100%; --mdc-dialog-min-height: 100%;
--mdc-dialog-max-height: 100%; --mdc-dialog-max-height: 100%;
--mdc-shape-medium: 0px;
--vertial-align-dialog: flex-end; --vertial-align-dialog: flex-end;
--ha-dialog-border-radius: 0px;
} }
} }
mwc-button.warning { mwc-button.warning {