@thomasloven : Question about the right way to enforce the height of the mini-graph-card. I get a warning from card-mod: âmod-card should NEVER be used with a card that already has a ha-card element, such as mini-graph-cardâ.
I tried doing it the normal style way, but to enforce the height of mini-graph card, it seems that the CSS height attribute has to be on the mini-graph-card element, which is above the ha-card element. Would love to know the right/best way to do have a smaller graph card (in height). This is what I currently have (itâs in a de-cluttering-template):
Why are you saying not to mention (@) users here? I see it happen alot on this forum (even this specific topic) and it is common practice most elsewhere (github, slack, email, whatsapp, etc).
Thank you! Using :host works and now I can remove the card_mod wrapper. :host is not documented in card-mod, probably would be helpful to have that there
Iâm trying to make my mushroom buttons pop when clicked; I used the below code:
- type: custom:mushroom-template-card
primary: HBO Max
secondary: ''
icon: phu:hbo-max
icon_color: |-
{% if is_state('script.hbo_max','on') %}
deep-purple
{% endif %}
badge_icon: |-
{% if is_state('script.hbo_max','on') %}
mdi:play
{% endif %}
badge_color: |-
{% if is_state('script.hbo_max','on') %}
green
{% endif %}
layout: vertical
entity: script.hbo_max
tap_action:
action: toggle
card_mod:
style: |
:host {
{% if is_state('script.delay','on') %}
transition: all .2s ease-in-out;
transform: scale(1.05);
{% endif %}
}
The issue with this code is that I would have to create a separate delay script for each individual button Iâm using, as using this syntax will just pop all the other button. I could use the script âhbo_maxâ, which changes the source to HBO on the TV; however this script takes a few seconds to execute and Iâd like the pop to be brief, for a few milliseconds.
Is there a way around it? Can I use another âifâ function with the condition that only the button card is pressed? Or is it possible to add a delay after these lines and then rever the values back to normal? Something like
{% if is_state('script.hbo_max','on') %}
transition: all .2s ease-in-out;
transform: scale(1.05);
delay 200ms
transform: scale(1.05);
{% endif %}
Arganto is right. Only @ someone if theyâve been part of your specific conversation already (by choice). Even better: Just reply directly to the relevant post or quote it (like I did here). âEverywhereâ is not a justification. Those are the forum rules here, and thereâs good reason for it.
Im trying to reduce the padding around a specific mushroom-title-card.
Iâve created it under a mod-card to have a ha-card element but I cant reduce the padding.
Here are the relevant elements:
The padding: 0px should be added to the div element (highlighted)
Iâve tried a few things, among:
card_mod:
style:
.: |
div {
padding: 0px;
}
mushroom-title-card$: |
div {
padding: 0px;
}
Also tried div.header but nothing changes.
Any thoughts?
Or is it me, who just canât figure out how to get in there ? ⊠i can change the size of the icon in browser_inspector ( as you see to the right in the pic. ), but how to get there with card-mod ?
So is it working or not there now as well? As Iâm not using the header-card, I can only test with entities. And there sun (without ha-cion) and moon (with) is working.
thanx again, it slipped my eyes ⊠yes itâs working now in header-card ⊠i actually also had some problems with the âmushroom-cardsâ in header-card, but so far everything looks as intention
Thought i would share my code for the Header ( Still under Construction ) , but so far it looks as below:
Itâs âa bitâ messy, and need some âfontâ trimming, and eventually i will try and âcleanâ the card-mod , thou still has to work in both Edge/Firefox
I was successful in changing the icon colors, if I have a simple glance card with entities I list explicitely.
I am at a loss on how to change the icon colors, if the glance card entities are generated by auto-entities card.
, it took me awhile to find this post ( and a dozen attempt to Resize the SVG icon within the ".wrapper " in template-entity-row )
