search

piitaya / lovelace-mushroom-themes

Additional themes for Lovelace Mushroom Cards 🍄
Apache License 2.0
245 stars 19 forks source link

Sizing with home assistant cast #56

Closed jm-cook closed 3 months ago

jm-cook commented 3 months ago

Hi, I am using v4.0.0 with HA 2024.7.4

Recent changes to mushroom (and maybe HA?) have made the sizing of my cards slightly out when casting. It worked well up until a few days ago, and it is possible incremental updated to 2024.7 have contributed (I can try and backtrack on this to check). On a regular browser all is well, but when casting the icon at the top spills into the border and the text at the bottom spills out below. I am using sections (which is working better with mushroom now than a few weeks ago), I am not using card-mod but I am using a custom mushroom theme.

Any hints how I can get the casted layout to match the browser layout?

Screenshot from browser: image

Cast display:

20240802_084920

Relevant theme settings:

    ha-card-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16)
    ha-card-border-radius: 16px !important
    ha-view-sections-column-gap: 8px
    ha-view-sections-row-gap: var(--ha-view-sections-column-gap)
    masonry-view-card-margin: 4px 4px 4px 4px
    # Mushroom layout
    # Default values are in comments. Uncomment to change.
    mush-spacing: 12px
    # Card
    mush-card-primary-font-size: 22px
    mush-card-secondary-font-size: 48px
    mush-card-primary-font-weight: 500
    mush-card-secondary-font-weight: 550
    mush-card-primary-line-height: 22px
    mush-card-secondary-line-height: 48px
    mush-card-primary-color: grey
    mush-card-border-radius: 18px