hass-shutter-card
hass-shutter-card copied to clipboard
Deejayfool
Request: Smaller or scalable graphics
Not an issue, but a request: It would be great if the shutter graphic was just a little smaller, or even scalable, so we can fit 2 next to each other in a horizontal stack. Especially on mobile, to save screen estate. Right now they are being cut off at the right side.
please ask me too. I have 9 windows and with these sizes I cannot use this card. Thanks
Not an issue, but a request: It would be great if the shutter graphic was just a little smaller, or even scalable, so we can fit 2 next to each other in a horizontal stack. Especially on mobile, to save screen estate. Right now they are being cut off at the right side.
ManCaveMedia, You can make the picture narrower so that it fits on the horizontal stack card, just take card-mod and adjust the CSS accordingly:
style: | ha-card { font-size: 11px !IMPORTANT; } .sc-shutter-label { font-size: 15px !IMPORTANT; } .sc-shutter-top { text-align: left !IMPORTANT; } .card-header { font-size: 20px !IMPORTANT; } .sc-shutter-selector-slide { width: 54% !IMPORTANT; } .sc-shutter-selector-picture { background-size: 100px 100% !IMPORTANT; background-repeat: no-repeat !IMPORTANT; } .sc-shutter-selector-picker { width: 54% !IMPORTANT; } type: 'custom:shutter-card'
https://community-assets.home-assistant.io/original/3X/6/3/63c8b6575ac15d9c2c4cfa07380158f1c0db602d.jpeg
