What happened?

If you set a background image the card does not respect the rounded corners, see image below:

I think the design should be the same with or without background image.

Card Version

1.1.2

HomeAssistant Version

2022.12.8

Relevant javascript log output

No response

1. Can you add support for Change color icon when entity state change ?

and 2. Possibility to change from tap/click(hold) to tap/click entity to see detailed information

Hello,

Can you add path support like base card. ? I want to link to a new URL Secondly, can you use image from area without insert images url ?

thank for create awesome card.

What happened?

I love how space efficient the cards are...however it's quite short and so the images of my areas are almost too small to make them useful. It would be great if we could set a custom height for the card to give a bit more room when needed.

Current:

A slightly larger height just makes my images a bit easier to see:

Seems like adding a custom height to the minimalistic-area-card or the ha-card would do the trick (but I didn't investigate much more than playing in dev tools).

Card Version

1.1.2

HomeAssistant Version

2022.12.6

Relevant log output

n/a

Checklist:

• [x ] I updated to the latest version available
• [ x] I cleared the cache of my browser

Release with the issue: "master" branch

Last working release (if known): n/a

Browser and Operating System: Windows + Chrome; Mac + Chrome

Description of problem:

After installing this card from HACS, it fails to load in the dashboard, indicating that the card cannot be found.

This could potentially be related to the resource path it adds to the Dashboard config, which includes "null": /hacsfiles/homeassistant-minimalistic-area-card/null?hacstag=489457357

Javascript errors shown in the web inspector (if applicable):

```[null:1] Failed to load resource: the server responded with a status of 404 (Not Found)```

```Uncaught (in promise) https://{{my domain}}/hacsfiles/homeassistant-minimalistic-area-card/null?hacstag=489457357
atomic-calendar-revive.js?hacstag=246549747620:70 

Additional information:

I don't personally have a need to see the built-in HA popup for the sensors in the binary row.

It cause me to have to be more specific where I touch the card for navigation.

A toggle to turn that feature off would be nice.

What happened?

Would be a nice feature to be able to set the height of the card or set the size of the text and icons

Card Version

1.0.6

HomeAssistant Version

Home Assistant Core 2022.6.4

Relevant log output

No response

Is your feature request related to a problem? Please describe.

Describe the solution you'd like Make use of standard home assistant area image.

Describe alternatives you've considered

Additional context See screenshots from #3

What happened?

When using a camera_image referencing the snapshots taken by my Ring cameras, the image only partially fill the card, thus:

Expected: card-filling image.

(I see this has also been noted by @jlaska, here: https://github.com/junalmeida/homeassistant-minimalistic-area-card/issues/6#issuecomment-1364540323)

Card Version

1.0.6

HomeAssistant Version

2022.12.8

Relevant javascript log output

No relevant log output was seen.

What happened?

Hi there,

I'm trying to call a service inside the area-card. Here is an example.

type: custom:minimalistic-area-card
title: Esszimmer
image: >-
  image/serve/5514b9769af14cdd146c0946070c0a05/512x512
background_color: null
tap_action:
  action: navigate
  navigation_path: /lovelace-mushroom/dinner-room
state_color: true
entities:
  - entity: sensor.klimaanlage_esszimmer_temperature
  - entity: sensor.klimaanlage_esszimmer_humidity
  - entity: vacuum.puck_3_0_eg
    tap_action:
      action: call-service
      confirmation:
        text: Soll das Esszimmer jetzt gereinigt werden?
      service: xiaomi_miio.vacuum_clean_segment
      target:
        entity_id: vacuum.puck_3_0_eg
      data:
        segments: 17

After the confirmation the following error occurs: Fehler beim Aufrufen des Diensts xiaomi_miio/vacuum_clean_segment. required key not provided @ data['segments']

The service is correct, it works perfect with a pure entities card like this with the same formatting:

type: entities
entities:
  - entity: vacuum.puck_3_0_eg
    tap_action:
      action: call-service
      confirmation:
        text: Soll das Esszimmer jetzt gereinigt werden?
      service: xiaomi_miio.vacuum_clean_segment
      target:
        entity_id: vacuum.puck_3_0_eg
      data:
        segments: 17

Any idea why it doesn't work? Thanks a lot :-)

Card Version

1.0.6

HomeAssistant Version

2022.10.2

Relevant javascript log output

No response

Is your feature request related to a problem? Please describe. This card is supposed to show the state of the sensors, switches and lights. But if the color is hardly different from the off state, it doesn’t serve its purpose.

Describe the solution you'd like

1. Lamps: Color the icon if turned on according to its actual color or let user set the color of it.
2. Entity options as described in the “Options” of the description don’t work (e.g. icon in front of text and state_color)
3. Picture for the card other than kitchen would be great

What happened?

Thank you for this fantastic card! I do some customization of the entity icons using card_mod.

I'm able to animate my fan entities by modifying the state-badge element, as follows:

    type: custom:minimalistic-area-card
    title: 'Testing'
    card_mod:
      style:
        .: |
          @keyframes spin {
            0% {
              transform: rotate(0deg);
            }
            100% {
              transform: rotate(359deg);
            }
          }
          .box ha-icon-button.state-on state-badge[title*='fan' i] {
            animation: spin 1.5s infinite linear;                                                                                                                     
          }

However, I'd prefer to access the ha-state-icon elements directly, but I'm not able to get this to work.

    type: custom:minimalistic-area-card
    title: 'Testing'
    card_mod:
      style:
          @keyframes spin {
            0% {
              transform: rotate(0deg);
            }
            100% {
              transform: rotate(359deg);
            }
          }
        ha-state-icon$: |
          :host([data-domain=fan][data-state=on]) {
            animation: spin 1.5s infinite linear;
          }                                                                                                                                                           

Any guidance/thoughts/feedback is appreciated!

Card Version

1.1.8

HomeAssistant Version

2023.1.0 (Frontend: 20230104.0)

Relevant log output

No response

What happened?

When accessing Home Assistant using its internal URL, the card correctly displays the area images. However, when accessing it from outside the local network (using its external URL, via a nginx reverse proxy), the card displays with a white background (as distinct from a broken-image marker) and the images are not visible.

(This only occurs when using the area images or the camera_image feature; it did not occur previously when specifying the image in the card configuration.)

Expected: images to display properly regardless of access URL.

I note, interestingly, that the HTML is different in each case. From outside the local network, the entire <img> tag for the card background image is missing.

Card Version

1.0.6

HomeAssistant Version

2022.12.8

Relevant javascript log output

No relevant output was seen.