search

Clooos / Bubble-Card

Bubble Card is a minimalist card collection for Home Assistant with a nice pop-up touch.
MIT License
1.46k stars 41 forks source link

Horizontal Stack Crowding #359

Closed peterxrock closed 4 months ago

peterxrock commented 6 months ago

Everything was fine on 1.5.3. Updated to 1.6.4 and the horizontal cards now condense and are unusable. Running HA 2024.1.3.

Screenshot 2024-01-12 at 12 43 59 PM Screenshot 2024-01-13 at 12 12 40 PM

Not sure if this is related:

Logger: frontend.js.latest.202401040 Source: components/system_log/init.py:300 First occurred: 12:06:54 PM (1 occurrences) Last logged: 12:06:54 PM

Uncaught error from Safari 17.1 on Mac OS 10.15.7 TypeError: undefined is not an object (evaluating 'hass.states[entityId].attributes') hass (/hacsfiles/Bubble-Card/bubble-card.js:1:2050) createCardElement (src/panels/lovelace/cards/hui-stack-card.ts:104:14) createCardElement (src/panels/lovelace/cards/hui-stack-card.ts:121:46) createCardElement (src/panels/lovelace/cards/hui-stack-card.ts:110:26) dispatchEvent ([native code]::) event (src/common/dom/fire_event.ts:76:21) tag.includes (src/panels/lovelace/create-element/create-element-base.ts:127:14)

peterxrock commented 6 months ago

Okay, this was caused by one of the entities I use to display the light status being unavailable (but it shouldn't do this).

peterxrock commented 4 months ago

Updated to 1.7.0 and there's still something off...

Screenshot 2024-02-19 at 12 29 37 AM
Clooos commented 4 months ago

Updated to 1.7.0 and there's still something off... Screenshot 2024-02-19 at 12 29 37 AM

You can open the editor then wait a bit, this should be fixed this way 🙂

peterxrock commented 4 months ago

Updated to 1.7.0 and there's still something off... Screenshot 2024-02-19 at 12 29 37 AM

You can open the editor then wait a bit, this should be fixed this way 🙂

Same issue. The font seems larger now but the spacing is still off. I don't have any customization - just out of the box settings. image

Clooos commented 4 months ago

Have you tried opening the editor or clearing your cache? These are the two solutions to reset the horizontal buttons stack positioning.

peterxrock commented 4 months ago

Thanks! Clearing the cache fixed it. However, the original issue still stands. Instead of the original crowding issue, now if an entity in the card is unavailable, it errors out. (This is when the kitchen occupancy sensor goes offline, which it does occasionally).

Screenshot 2024-02-19 at 11 04 21 PM
Clooos commented 4 months ago

I will take a closer look at that.

peterxrock commented 4 months ago

I’m still having the crowding issue on mobile, too. I can try uninstalling and reinstalling, but maybe there's an easier way to clear the cache on the app?

Clooos commented 4 months ago

I was unable to replicate this issue, I've added an unavailable entity but I had no issues. I'm clueless right now but opening the HBS editor on your device should clear the HBS cache.

peterxrock commented 4 months ago

That fixed the cache issue. I figured out the entity was being disabled (when the integration was reloading) and not unavailable, so that explains that. Thanks for the help!