Bad popup alignment (landscape only) on iPad Pro 9.7"

[Arubinu]

Hello, I have recently been using Bubble cards and I find it super interesting.

The problem is that on my iPad, the popup is aligned centered when the tablet is vertical, but is on the left when the tablet is horizontal.

Do you have a solution for this problem?

Buuble Card version: 1.5.3
Model: iPad Pro 9.7"
iPadOS version: 16.7.2
Model Number: MLMV2NF/A

[Clooos]

Hi and thank you for your feedback. This issue should be fixed in the next release, but I'm unable to reproduce it on my iPad Pro so I can't be sure.

[Arubinu]

Okay thank you.
I'll let you know when the next version is available :)

[Kimrobin98]

i have the same problem on my wall mounted galaxy tablets, my dashboard is cramed to the left since the hidden cards are taking place on the right. it would be awsome if you could store all the popup cards in a sepreate dashboard or tab so they could be used on several dashboards with just the bottom button bar.

[Clooos]

This is now fixed in the new v1.6.0 beta!

https://github.com/Clooos/Bubble-Card/releases/tag/v1.6.0-beta.1

[Arubinu]

Thank you for this update which fixes the problem in landscape mode on my Android smartphone.
On the other hand, it is not centered in portrait mode.

On the iPad it's the opposite.
If I can ever help correct this problem, don't hesitate to tell me how :)

[Clooos]

I was almost sure that it was fixed 😅 Can you send me some screenshots?

[Arubinu]

Here are the captures with normal use of Bubble Card Popups.

Normally I put the popups in the top horizontal bar (using another tool), because the cards take up space in height, as we can see in the screenshot (the map does not start at the top of the page).
The result is almost the same with this method except that instead of being aligned to the left, the popup is on the right (since I position them to the right of the horizontal bar).

[Arubinu]

This is when I use my method with https://github.com/gadgetchnnel/lovelace-header-cards.

[Arubinu]

I was able to rectify the alignment on all my devices with this:

.pop-up.open-pop-up {
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  transform: translateY(-120%) translateX(50%);
}
.pop-up.close-pop-up {
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  transform: translateY(-20%) translateX(50%);
}

[barrelltitor]

I have the same issue on an android tablet. The pop up is to the very right side, most of it hidden. Will try the css fix above. If it works, might be worth adding it as an option to the card

[Clooos]

Hi, this issue should be fixed in the v2 beta, can you confirm this?

Here is the full changelog:
https://github.com/Clooos/Bubble-Card/releases/tag/v2.0.0-beta.1