fix: lock would go out of the button

This commit is contained in:
Jérôme Wiedemann 2023-07-23 16:26:06 +00:00
parent bf075b00e4
commit 0b3e4d331c
2 changed files with 5 additions and 1 deletions

View File

@ -762,8 +762,8 @@ class ButtonCard extends LitElement {
${this._buttonContent(this._stateObj, configState, buttonColor)} ${this._buttonContent(this._stateObj, configState, buttonColor)}
<mwc-ripple id="ripple"></mwc-ripple> <mwc-ripple id="ripple"></mwc-ripple>
</ha-card> </ha-card>
${this._getLock(lockStyle)}
</div> </div>
${this._getLock(lockStyle)}
${this._config?.tooltip ${this._config?.tooltip
? html` ? html`
<span class="tooltiptext" style=${styleMap(tooltipStyleFromConfig)}> <span class="tooltiptext" style=${styleMap(tooltipStyleFromConfig)}>

View File

@ -74,6 +74,10 @@ export const styles = css`
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
#aspect-ratio {
position: relative;
}
#overlay { #overlay {
align-items: flex-start; align-items: flex-start;
justify-content: flex-end; justify-content: flex-end;