Quantcast
Channel: Configuration - Home Assistant Community
Viewing all articles
Browse latest Browse all 105630

Font-size of a mushroom-entitiy card in a stack gets cut-off

$
0
0

Hey everyone!
I’m in the final parts of my dashboard.
But I want to enlarge some values (some other later, once this works) so that I can see them from my couch.

The problem is, I have been able to increase the font-size within the card, but it gets cut-off.
I’d like the card to be 2 rows high and have a text as big as it fits a 5 digit-number.
But unfortunately it looks like so:

Here is the code for the stack:

type: vertical-stack
cards:
  - type: tile
    entity: sensor.udm_pro_g_net_port_9_rx
    name: Download
    color: green
    grid_options:
      columns: 6
      rows: 1
  - type: tile
    entity: sensor.udm_pro_g_net_port_9_tx
    name: Upload
    color: red
    grid_options:
      columns: 6
      rows: 1
  - type: custom:mushroom-entity-card
    entity: sensor.solax_pv_power_total
    icon: ""
    icon_color: amber
    fill_container: true
    primary_info: state
    secondary_info: none
    card_mod:
      style: |
        ha-card {
          #background: indianred;
          box-shadow: none ;
          --card-primary-font-size: 35px;
           #--card-secondary-color: black;
           align-items: center;
        }
        mushroom-state-info$: |
          .container {
            align-items: end;
        }
  - event_grouping: true
    drop_todayevents_from: "10:00:00"
    next_days: 3
    pattern:
      - icon: mdi:flower
        color: green
        type: organic
        label: Grünabfall
      - icon: mdi:newspaper
        color: blue
        type: paper
        pattern: Altpapier
      - icon: mdi:recycle-variant
        color: amber
        type: recycle
        pattern: Gelbe Tonne
      - icon: mdi:trash-can-outline
        color: grey
        type: waste
        label: Restmüll
        pattern: Restmüll
      - icon: mdi:dump-truck
        color: purple
        type: others
    day_style: weekday
    alignment_style: left
    items_per_row: 1
    refresh_rate: 60
    with_label: true
    layout: horizontal
    type: custom:trash-card
    entities:
      - calendar.abfallwirtschaftsbetrieb_landkreis_secret
    only_all_day_events: false
    full_size: false
    grid_options:
      columns: 6
      rows: 1
    use_summary: false
    card_mod:
      style: |
        ha-card {
          zoom: 1.5
        }
grid_options:
  columns: 6
  rows: auto

What could I possibly do?
I looked in the developer-options of the webpage, but this is way above my paygrade :wink:
I’d also use any other card that would fit the stack with a twin-row large text.

3 posts - 3 participants

Read full topic


Viewing all articles
Browse latest Browse all 105630

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>