homeassistant-minimalistic-area-card icon indicating copy to clipboard operation
homeassistant-minimalistic-area-card copied to clipboard

[Question]: Double the size of the card

Open novus84 opened this issue 1 year ago • 11 comments

What happened?

Hello,

the cards are really very useful and look great.

is it possible to double the size of the card? I think then you could display the whole thing a little better and you would also have a better use of the webcam picture.

Card Version

1.4.1

HomeAssistant Version

latest

Relevant log output

No response

novus84 avatar Mar 06 '23 09:03 novus84

Hi,

I'm using the cardmod to change the height of the card

type: custom:mod-card
card:
  type: custom:minimalistic-area-card
  title: Livingroom
  image: /local/livingroom-banner.jpg
  tap_action:
    action: navigate
    navigation_path: /my-home/livingroom
  entities:
    - entity: sensor.tempsensor_temperature
      tap_action: none
      double_tap_action: none
      hold_action: none
card_mod:
  style: |
    ha-card {
      height: 120px;
    }

matrixx567 avatar Mar 25 '23 12:03 matrixx567

Thanks for the tip, I'll take a look at that. I had installed this before, hoping to change the colors of the top icons.

Is it possible to color the icons (e.g. of windows) when the state changes? Currently the window icon is only changed from gray to white. This is not really well visible at a quick glance.

I have now changed my entire navigation to minimalistic-area-card and love it. That would be another big wish of mine.

novus84 avatar Mar 25 '23 12:03 novus84

@novus84 this card uses native home assistant icons/buttons to render each entity, so you get full functionality of the native HA buttons. That also means that I can't customize it as it is kinda out of scope of changing behaviour of HA components even though they are used within this card.

However, you will probably be able to use card-mod or other customizations to do it as you would on any card.

junalmeida avatar Mar 27 '23 20:03 junalmeida

hm ok, I just find it strange that the symbols in the orginal view are colored yellow, which would be enough for me. But as I said, I am not yet deep in the subject and still at the beginning. But the cards are really superb.

i tried card-mod but its to hard for me. I'll have to read the documentation more carefully and test it again. Thank You for your work!

Example:

image

novus84 avatar Mar 29 '23 12:03 novus84

Hmm you mean sensors. I will take a look if something is missing. It should work already for entity buttons like lights and switches

junalmeida avatar Mar 29 '23 13:03 junalmeida

oh.. sorry yes i mean Sensors. Lights and Switches are working with colors!

But I have found an Button with no color. In Ha the Covers are blue when closed and purple when open. In your Card only white. image image

image

novus84 avatar Mar 29 '23 13:03 novus84

+1 for making the card height bigger. I do not want to use card_mod because I require styles directly on the card that do not work in card_mod. I'd prefer it to be similar to the native Area card. Giving an option to size would be even better.

omayhemo avatar May 09 '23 13:05 omayhemo

+1 for this possibility.

magnushasselquist avatar Oct 31 '23 11:10 magnushasselquist

+1 an easy way of doing it may be to have an aspect-ratio option in the root configuration of the card

benavern avatar Nov 05 '23 14:11 benavern

I use it in grid wird 2 rows that is perfekt for me. IMG_3631

novus84 avatar Nov 05 '23 16:11 novus84

I use it in grid wird 2 rows that is perfekt for me. IMG_3631

Nice, how did you align the background images perfectly?

oerix avatar Jul 13 '24 18:07 oerix