Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
GHenry21 opened this issue Sep 10, 2022 · 3 comments
Open

Comments

@GHenry21
Copy link

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
Copy link

JulianNymark commented Jan 17, 2023

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
Copy link

kruton commented Jun 5, 2023

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
Copy link

Jonybat commented Jul 29, 2023

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;
                  }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants