Progress Bar invisible

[Emilef22]

Hi! The progress bar of all my media players (sonos, android tv, chromecast) is invisible.
Thanks a lot!

type: vertical-stack
cards:

• type: conditional
  conditions:
  • entity: input_boolean.media
    state: 'on'
    card:
    type: custom:mini-media-player
    entity: media_player.unnamed_room_2
    group: true
    volume_stateless: false
    toggle_power: true
    artwork: cover
    hide:
    power: true
    speaker_group:
    platform: sonos
    show_group_count: true
    entities:
    • entity_id: media_player.unnamed_room_2
      name: Salon
    • entity_id: media_player.unnamed_room
      name: Cuisine
    • entity_id: media_player.salon
      name: Sous-Sol
    • entity_id: media_player.garage_2
      name: Garage
    • entity_id: media_player.chambre_3
      name: Bureau
    • entity_id: media_player.sonos_roam
      name: Sonos Roam

[Jaykurb]

My buttons are invisible now.

[SDR3078]

It seems like all buttons are invisible

[Jaykurb]

I resolved this by removing all resources to do with mini player. Refreshing so that my cards broke.

I then restarted HA, installed the card the card again and it was all sorted.

[SDR3078]

Did this also work for TTS input for you? Did not seem to work for me...

[Jaykurb]

I haven't got TTS implemented on my mini media player cards.

However, when I was trying to resolve my invisible buttons issue, I did enable TTS function quickly and it seemed to show (even when the buttons were invisible).

[Emilef22]

It dont resolved the progress bar for me

[ASNNetworks]

Correct, seems like 2023.11.X has broken this somehow. In my case I have the progress bar color declared in the theme.yaml and color it there and use var(--) in the card. Perhaps something with themes in 2023.11 has changed?

[cataseven]

Same problem here. It is there but fully trasnparent

[marcis92]

Correct, seems like 2023.11.X has broken this somehow. In my case I have the progress bar color declared in the theme.yaml and color it there and use var(--) in the card. Perhaps something with themes in 2023.11 has changed?

Hi @ASNNetworks, which variable have you used for the progress bar coloring?

[WallyDW]

The same is an issue with ballons on slider-row-entity cards.
There is a fix for it in the PR here which might be of help to solve thise one too.
thomasloven/lovelace-slider-entity-row#279

[punxaphil]

Progress bar also stopped working in my Sonos Card after 2023.11, the fix was quite easy in the end. Just use a div with colored background, instead of <paper-progress>.
punxaphil/custom-sonos-card@b67505c

[Boh1]

Possibly related, but the volume sliders are no longer showing numerical values above them any more after 2023.11.x .

[regystro]

In the meantime, does anyone know if that's fixable with card-mod CSS styles?

[flyman1664]

Possibly related, but the volume sliders are no longer showing numerical values above them any more after 2023.11.x .

Change "ignore-bar-touch pin" by "ignore-bar-touch labeled pin". It fixes the issue ;)

[Boh1]

I'm getting the impression that we will soon all be maintaining our own branches of this code.

[flyman1664]

If anyone can figure out how to modify the card file to get the progressive bar working again would be very appreciated. I looked at @johanfrick modification but don't get what to change exactly in the file. Is the paper-progress element can be changed to an other variable?

Thank you in advance!

[punxaphil]

I can take a look, but won't be able to do so until next week.

[punxaphil]

@Drafteed @Californian Care to take a look at #793?
(tagged you based on this: #789 (comment))