ljmerza / light-entity-card

Control any light or switch entity
MIT License
228 stars 41 forks source link

2 times over 10, on/off and slider control won't appear see pics below #98

Open GHenry21 opened 1 year ago

GHenry21 commented 1 year ago

2 times over 10, on/off and slider control doesn't appear, this regardless updates since several months. The issue persist regardless the theme used and the cache being purged or not, using the android mobile app or the web PC browser (firefox) Refreshing the page or switching tab and coming back solve (temporarily) the issue, since it will come back after a some time Screenshot_20220910-014423

JulianNymark commented 1 year ago

I don't remember exactly when this started for me, I think it was like you said, a few months ago this started to become "unstable". Our workaround is also exactly the same, refresh several times until the buttons appear. 😅

EDIT: I should probably add my current settings!

Home Assistant 2023.1.5 Supervisor 2022.12.1 Operating System 9.4 Frontend 20230110.0 - latest

kruton commented 1 year ago

I started using this card yesterday and have noticed the same problem. It only manifests on the main panel that the CSS seems not to apply. The other panels seem to render correctly. If I go into edit mode on the main panel and move one of the cards with light-entity-card to another location, all the light-entity-card CSS style appears suddenly.

When I first come to the screen:

Screenshot 2023-06-04 at 8 41 07 PM

Going into edit mode:

Screenshot 2023-06-04 at 8 41 18 PM

After moving the location of the card:

Screenshot 2023-06-04 at 8 41 28 PM
Jonybat commented 1 year ago

I am also experiencing this. Sliders sometimes do not show up, and more annoying than that, is the extra empty space that shows up where the card/sliders would be (with/without persist_features). It usually goes away after going to settings (for example), and going back to dashboard. The issue comes back after closing the app and opening it again.

I have tried playing around with different settings, and even using card mod to hack it, but no luck. I am not familiar with js, but I could help troubleshoot, just need some pointers

Before Screenshot_20230729-151953

After Screenshot_20230729-153404

Each of the lights above has currently this config

          - entity: light.bedroom_light
            type: custom:slider-entity-row
            name: Bedroom
            toggle: true
            min: 3
            grow: true
          - shorten_cards: true
            consolidate_entities: false
            child_card: false
            hide_header: true
            header: ''
            color_wheel: true
            persist_features: false
            brightness: false
            color_temp: true
            white_value: false
            color_picker: true
            speed: false
            intensity: false
            force_features: false
            show_slider_percent: false
            full_width_sliders: false
            brightness_icon: weather-sunny
            white_icon: file-word-box
            temperature_icon: thermometer-auto
            speed_icon: speedometer
            intensity_icon: transit-connection-horizontal
            entity: light.bedroom_light
            type: custom:light-entity-card
            card_mod:
              style:
                .: |
                  .light-entity-card {
                    border-style: none;
                  }
                  .light-entity-card-effectlist {
                    display: none;
                  }
                  .light-entity-card-center {
                    padding-left: 35px;
                    padding-right: 40px;
                  }
                ha-slider$ paper-progress$: |
                  div#progressContainer {
                    background-image: linear-gradient(to right,rgb(166, 209, 255) 0%, white 50%, rgb(255, 160, 0) 100%);
                    --paper-progress-active-color: none;
                  }