Select card has different margins

[HyperCriSiS]

Hi, It seems the select card has different margins than the button card. Icon and Text.

Best regards Hyper

[Clooos]

Hi! Do you have this issue on the latest beta? I already fixed that but I don't remember if it was already released in this beta.

[HyperCriSiS]

Hi! Do you have this issue on the latest beta? I already fixed that but I don't remember if it was already released in this beta.

Yes the screenshot is from newest beta

[Clooos]

By the way, the new beta is here. Tell me if it's fixed 🙂

https://github.com/Clooos/Bubble-Card/releases/tag/v3.0.0-beta.3

[HyperCriSiS]

Unfortunately not :sweat_smile: Still same different margins as before.

[Clooos]

I will check that then 😅

[Clooos]

I don't have this issue on my side, do you have any custom styles, modules or even modified your theme file?

[HyperCriSiS]

This is a Test Dashboard. Everything completely basic. Also the button cards have a border and the select card not. I also recreated the cards.

type: custom:masonry-layout path: "" cards:

• type: custom:bubble-card card_type: button modules:
  • default entity: light.wohnzimmer
• type: custom:bubble-card modules:
  • default limit: 1 entities: [] card_type: select entity: light.wohnzimmer_decke select_attribute: effect_list
• type: custom:bubble-card card_type: button button_type: switch modules:
  • default entity: light.wohnzimmer

Zoomed in for better visability. Seems only some pixels off.

[Clooos]

Are you maybe using the HA styling module as your default module? If not, where is that border coming from?

[HyperCriSiS]

Are you maybe using the HA styling module as your default module? If not, where is that border coming from?

The border is away now, after I activated an alternate theme instead of the default.

And yes, you are right, HA styling module is as default module and created the different margins. How to fix that?

[Clooos]

I will fix that module directly then, shouldn't be too difficult.

[Clooos]

I've updated the module, this should works as expected now 🙂

Just refresh the module store, then you should see the update.

[HyperCriSiS]

I still have some other margin issues :sweat_smile:

I try to align the Icon margin on the left side and the names of the cards. First card is large-layout, second card is 2-row-large-layout, third card is normal layout.

I created a tiny module to just move the icon but this does not work as expected.

It somehow has a different results with the select card with 2-row-large layout and the large layout.

.bubble-icon-container {
  margin-left: 4px !important;
}
.bubble-name-container {
  margin-left: 2px !important;
}

[Clooos]

I haven't tried with the large 2 rows layout indeed 😅

I will test that!

[HyperCriSiS]

Large Layout

.bubble-icon-container { margin-left: 6px !important; } .bubble-name-container { margin-left: 0px !important; }

2-row-large-layout

.bubble-icon-container { margin-left: 4px !important; } .bubble-name-container { margin-left: 0px !important; }

[Clooos]

I just checked and I don't have any issue with the large 2 rows layout, even when combined with the HA default styling module.

So I'm not sure to understand your issue.

[HyperCriSiS]

Strange, it is to 2px off for me. And with the code above it is perfectly aligned. (Card 1 and Card 2)

[Clooos]

Have you updated the HA default styling module?

[HyperCriSiS]

Have you updated the HA default styling module?

puh, ok, atm something is really really off. I saw that I still also had a "HA default styling module" active in the www/bubble path. Deleted that one, downloaded your new one and put in under default. Yet it won't get activated as default. I saw new beta 5. Installed it and now I got the old "HA default styling module" 1.1 installed again? Again I deleted the "HA default styling module" in the YAML file directly and did a HA yaml reload.

And now the magic happens: the module is still in the module editor but it is nowhere in the YAML files, not in www/bubble and not in www/community. :sweat_smile: Is it allowed to use both locations or is this maybe an issue?

If I delete the "HA default styling module" in my modules, install it again and put it under default, it gets added again as normal inactive module and not as default.

Always loading with fresh browser caches.

[Clooos]

This is because the default module is re-created in the sensor entity you have created to access the Module Store, this way you can edit it from the editor. I strongly recommend to only use the editor mode, the YAML file is only recommended for users in full YAML mode.

Also, I worked again on the select card styling, this now use the exact same styles as the other cards.

So now... can I close this? 😁

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. If you want to keep it open, please leave a comment. Thank you for your contributions.