Mushroom Cards card mod Yaml disappearing

Configuration Frontend
1

yesterday i created a new dashboard sections and mushroom cards
today all the card_mod entrys are gone

image
image818×684 20.3 KB

this is the card_mod entry ,as an example, this happens to all dashboards with mushroom cards.
But, i find out, it is only if viewing the card directly, if viewing over
image
image356×141 4.97 KB

the card-mod entries are back. Lucky me

      - type: custom:mushroom-climate-card
        entity: climate.wz_hz
        show_temperature_control: true
        layout: vertical
        primary_info: none
        icon_type: none
        hvac_modes: []
        secondary_info: state
        collapsible_controls: false
        fill_container: false
        card_mod:
          style:
            mushroom-climate-temperature-control$:
              mushroom-input-number$: |
                #container {
                  position: absolute;
                  width: 70%;
                  left: 15%;
                  z-index: 1 !important;
                  background-color: white;
                .value {
                  font-size: 30px;
                   }  
            .: |
              ha-card {
                background-color: gray;
                padding: 0px;
                #border: 0px;
                border: 2.5px outset orange;
                box-shadow: 2px 2px 0px 0px lightgray;      
                text-align: center;
                font-style: bold;
                --primary-text-color: Black;
                --primary-font-size: 30px;
                --primary-font-weight: bolder;
                --primary-line-height: 30px;      
                --card-secondary-font-size: 30px;
                --card-secondary-font-weight: bolder;
                --card-secondary-line-height: 30px;      
                --secondary-text-color: orange !important;
              }
2

This is a reported bug with card mod.

1 Like
3

If you are on card_mod version 3.5 please revert to 3.4.4. Version 3.5.0 was pulled for issues like you are describing.

In addition, this code is not correct. That may be the core issue.


        card_mod:
          style:
            mushroom-climate-temperature-control$:
              mushroom-input-number$: |
                #container {
                  position: absolute;
                  width: 70%;
                  left: 15%;
                  z-index: 1 !important;
                  background-color: white;
                .value {
                  font-size: 30px;
                   }

Correct method

card_mod:
  style:
    mushroom-state-info$: |
      .container {
      your code
      }
1 Like
4

Hi,

Have the same issues with v3.4.4 :frowning:
Another solution ?

thanks

5

Either edit a dashboard in a “raw configuration editor” - or start using yaml-mode dashboards w/o UI editor.

6

I was thinking about that … it works but not user friendly :laughing:

thanks

7

For me this issue appeared this week all of a sudden. I cannot find the card_mod code when editing the card. But when I edit a section, I do see the card_mod code.
I never had any issues until I installed Browser_mod version 2.4.1. But when looking at the release notes i did find this: Release v2.4.1 · thomasloven/hass-browser_mod · GitHub

If you use card-mod everything should continue to work after upgrading to this release. If you have installed card-mod from HACS then by default it will be loaded as a Dashboard resource. Check your browser console to verify card-mod is loading. If you get a warning about perfomance, then check out card-mod documentation.

Maybe the issue it not with card_mod itself but rather with browser_mod?

8

I am not using mushrooms and browser mod but observe a similar thing with cards like Tile, bar-card. Using yaml mode dashboards, so only see issues when testing smth in a storage mode.

9

Not quite sure what you are describing here. Do you mean that there is card_mod config that you believe should be showing in edit mode but is not showing?

EDIT: Understood now. You are describing what you are finding related to this issue :slight_smile:

Noting that the difference is that with Browser Mod 2.4.1, card_mod is no longer silently ‘promoted’ to load as a Frontend resource as this has been found to possibly not load all Frontend resources if the Dashboard resurce URL for card_mod was erroroneous. There is no other change. The impact is that if card_mod is working differently for you, you need to load card_mod as a Frontend resource yourself. The change would not cause any other issues for card_mod.

10

Use could Chrome DevTools and you may be able to see what errors are occuring.