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 text alignment for open lock card feature (#20603)

Browse Source 
Fix text aligment for open lock card feature
This commit is contained in:
Paul Bottein 2024-04-24 11:36:17 +02:00 committed by GitHub
parent 713763fc21
commit 7e9b01b56d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/panels/lovelace/card-features/hui-lock-open-door-card-feature.ts
View File

@ -90,12 +90,10 @@ class HuiLockOpenDoorCardFeature
return html` return html`
${this._buttonState === "success" ${this._buttonState === "success"
? html` ? html`
<div class="buttons">
<p class="open-success"> <p class="open-success">
<ha-svg-icon path=${mdiCheck}></ha-svg-icon> <ha-svg-icon path=${mdiCheck}></ha-svg-icon>
${this.hass.localize("ui.card.lock.open_door_success")} ${this.hass.localize("ui.card.lock.open_door_success")}
</p> </p>
</div>
` `
: html` : html`
<ha-control-button-group> <ha-control-button-group>
@ -115,12 +113,6 @@ class HuiLockOpenDoorCardFeature
static get styles(): CSSResultGroup { static get styles(): CSSResultGroup {
return css` return css`
.buttons {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
ha-control-button { ha-control-button {
font-size: 14px; font-size: 14px;
} }
@ -139,10 +131,14 @@ class HuiLockOpenDoorCardFeature
line-height: 14px; line-height: 14px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
flex-direction: row; flex-direction: row;
gap: 8px; gap: 8px;
font-weight: 500; font-weight: 500;
color: var(--success-color); color: var(--success-color);
margin: 0 12px 12px 12px;
height: 40px;
text-align: center;
} }
ha-control-button-group + ha-attributes:not([empty]) { ha-control-button-group + ha-attributes:not([empty]) {
margin-top: 16px; margin-top: 16px;