BREAKING! Use card-mod styles in popup instead

This commit is contained in:
2020-07-24 22:49:15 +02:00
parent 954c960789
commit e955b791a0
6 changed files with 31 additions and 23 deletions

View File

@@ -257,20 +257,11 @@ will display the specified `entities` card as a popup on the current device and
![popup-example](https://user-images.githubusercontent.com/1299821/60288984-a7cb6b00-9915-11e9-9322-324323a9ec6e.png)
The optional parameter `large: true` will make the popup wider.
The optional parameter `style:` will apply CSS style options to the popup.
The optional parameter `hide_header: true` will hide the header bar and close button.
The optional parameter `auto_close: true` will make the popup close automatically when the mouse is moved or a key is pressed on the keyboard. This also removes the header bar.
The optional parameter `time:` (only useable if `auto_close: true` is also set) will turn the popup into a "screensaver". See the `blackout` command below.
Ex:
```yaml
style:
border-radius: 20px
--ha-card-border-radius: 20px
--ha-card-background: red
```
Note: Sometimes this doesn't work if the *device* is not currently displaying a lovelace path. I'm looking into that...
If [card-mod](https://github.com/thomasloven/lovelace-card-mod) is installed, the popup can be styled by the optional `style` parameter, or by the `card-mod-more-info[-yaml]` theme variable.
### close_popup
```