🔹 Card-mod - Add css styles to any lovelace card

One more reason to use card-mod - struggling with a clipped tooltip for "history-graph" card:


The problem appears when the "history-graph" card is placed inside "custom:stack-in-card".

A possible reason of this clipping - CSS style "overflow: hidden" used for "custom:stack-in-card".
How to solve:

type: 'custom:stack-in-card'
style: |
  ha-card {
    overflow: visible !important;
  }
cards:
  - type: history-graph
    title: tooltip + stack-in-card
    entities:
      - sun.sun
    hours_to_show: 6
    refresh_interval: 0

Update 14.01.25: do not observe the issue with a clipped tooltip of history-graph in HA 2025.1.
But for input_select the issue still persists:

type: custom:stack-in-card
cards:
  - type: entities
    entities:
      - entity: input_select.test_value

image


More examples are described here.