button wont resize to square? | no name/status when 'off'

[Mariusthvdb]

Describe the bug

or, like custom:button-card, use aspect ratio: 1/1 when in a grid (which should default to square: true)

also, with the default config like below, there is no caption/headline at all, would be nice if it said so, like the KNMI integration does

and show Green, not black/transparent

color would be even more required on a full scale card:

Aware we can set it to Not show when 'off', but personally I love the positive feedback, and be sure there is no alert.

Steps to reproduce

see yaml below, not much more to do

Screenshots

No response

Card version

v2.4.2

Integration type

Meteoalarm

Installation type

Home Assistant Community Store (HACS)

Card Configuration

 - type: grid
    columns: 4
    cards:

      - !include /config/dashboard/includes/button/include_button_animated_weather.yaml

      - !include /config/dashboard/includes/button/include_button_wind_direction.yaml

      - !include /config/dashboard/includes/button/include_button_knmi_waarschuwing.yaml

      - type: custom:meteoalarm-card
        integration: meteoalarm
        entities: binary_sensor.meteoalarm_brabant
#         override_headline: false
#         hide_when_no_warning: true

Integration Configuration

No Yaml, just the Meteoalarm integration setup in the UI for Noord-Brabant (NL)

[MrBartusek]

Yes, as per title, this is a bug that will be fixed

for other stuff:

also, with the default config like below, there is no caption/headline at all, would be nice if it said so, like the KNMI integration does

there is no headline when you have such small card, there is no place to put it anywhere

and show Green, not black/transparent

this doesn't match the home assistant styling, you can make such changes using https://github.com/thomasloven/lovelace-card-mod

[Mariusthvdb]

thanks for fixing the square!

what exactly do you mean by:

this doesn't match the home assistant styling

there is no such thing as a default styling for these custom elements?

unless you mean HA follows the raw device data, and Meteoalarm has no colors either on those safe places...

providing only these:

the yellow btw is #ffd41c (rgb(255, 212, 28)) and 'more yellow' than the one you use in

MeteoalarmCard/src/data.ts

Line 73 in c5d6b14

new MeteoalarmLevelInfo(MeteoalarmLevelType.Yellow, 'Yellow', '#ff9800'),

would you oppose changing that? it would certainly result in more contrast to the real orange in #fd7f09 (rgb(253, 127, 9)) meteoalarm site and red #fc0005 (rgb(252, 0, 5) )

[MrBartusek]

there is no such thing as a default styling for these custom elements?

Cards are gray not green most of the time

As for the yellow, its the yellow for ha css varables

[Mariusthvdb]

Right thanks

If it's for bringing across the Meteoalarm styling, why not copy those colors ?

Ha styling has nothing to do with the Meteoalarm styling and, tbh, is not very generic either.

Being a Meteoalarm card would be reason enough to use their 'brand' coloring if you'd ask me.

It's very easy change ;/)