Clooos / Bubble-Card

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

[v2.0.0-beta.6] Pop-up display and style issues #499

Closed GGSSDD closed 1 month ago

GGSSDD commented 2 months ago

Hi,
 I have 3 Pop-ups in a subview, and one of them is displayed wrong (Main entrance) while the other 2 display as they should. Also I have CSS to remove the border radius for all the pop-ups, but it’s not working for the top of the card.

IMG_1357 IMG_1358 IMG_1359

OS: iOS Browser: Companion App Bubble Card version: v2.0.0-beta.6 Home Assistant version: 2024.4.4

Thank you!

Clooos commented 2 months ago

Thank you for the feedback, I will take a look at the CSS issue, but for your pop-up issue I will need more details to understand what's wrong, you are the first to tell me that.

GGSSDD commented 1 month ago

Hi, I’ve fixed the pop-up with the display issue. Actually it was not quite a fix, I just deleted the card and added it again. Now it’s displaying as it should. I don’t know what was causing that issue. Anyway, is there any progress on the top of the card issue, being able to set the border radius to 0, there as well? Thank you!

Clooos commented 1 month ago

Hi, I'm glad that you fixed your issue!

To change the border-radius you can do that in the custom styles:

.bubble-pop-up {
  border-radius: 20px !important;
}
GGSSDD commented 1 month ago

Unfortunately this is not working, even if I updated to the latest version and cleared the frontend cache:

.bubble-pop-up {
  border-radius: 0px !important;
} 

I used to have this before, but this is not working either for quite some time:

#root {
  border-radius: 0px !important;
} 
Clooos commented 1 month ago

I've just tried and I can confirm that this is working right after pasting this in the custom styles section:

.bubble-pop-up {
  border-radius: 0px !important;
} 

image

GGSSDD commented 1 month ago

So it does indeed… meaning the issue’s on my end. Wonder what is causing this? I’ll keep looking into it.

Thanks!

Clooos commented 1 month ago

Keep me informed if you find what's causing this, this is weird indeed.

Edit: I know what is causing this! Just add a header and it will works, but this is indeed an issue that I forgot to fix!

GGSSDD commented 1 month ago

It does work indeed, if you add a header, although in most of the cases I don't have a need for a header

Clooos commented 1 month ago

I've added this issue to my list, it will be fixed in the next release!

GGSSDD commented 1 month ago

Thank you! Really appreciate it!

Clooos commented 1 month ago

This is now fixed in beta 12 🎉

GGSSDD commented 1 month ago

Yes, I can confirm that.

Thank you!

Clooos commented 1 month ago

You're welcome!