Fix rounded corners for expansion panel (#14531)

fixes undefined
This commit is contained in:
Philip Allgaier 2022-12-05 14:21:13 +01:00 committed by GitHub
parent 04ef783f5b
commit 7e58bd59c3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -31,7 +31,7 @@ export class HaExpansionPanel extends LitElement {
protected render(): TemplateResult {
return html`
<div class="top">
<div class="top ${classMap({ expanded: this.expanded })}">
<div
id="summary"
@click=${this._toggleContainer}
@ -147,6 +147,12 @@ export class HaExpansionPanel extends LitElement {
.top {
display: flex;
align-items: center;
border-radius: var(--ha-card-border-radius, 12px);
}
.top.expanded {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.top.focused {