Select width and raw list data

[mk89pwnz]

Hi, loving the card but faced 2problems that I'am unable to find a solution after trying all day. Is it possible to make select box wider? (second picture, the text doesn't fit) I found you can use var(--bubble-select-list-width) but where do I need to put it? Do I need to provide some px number? Maybe someone could give an example? Also I rly don't understand why my select list is a raw data, when I try to use mushroom select I get normal text like this:

but when I try to do the same with bubble card i get this:

.

It's same entity so I don't get it :( I see there is a translate option so it might be used for changing list values too?

[Clooos]

Hi! For example you can use it like this in the custom style section in the editor:

* {
  --bubble-select-list-width: 200px;
}

For the translation, I will see what I can do, but this is probably not possible with custom templates.

[mk89pwnz]

Thank you but it still doesn't work. My code is:

type: custom:bubble-card
card_type: select
entity: select.x40_ultra_cleaning_mode
show_last_changed: false
show_attribute: false
show_state: true
styles: >-
  * {
    --bubble-select-list-width: 200px;
  }

I tried adding !important; but still not good. Also is this a bug that the list shows such text:

But when I select it all is showed ok if show state is enabled, without the underline and with capital letter:

[mk89pwnz]

Ok so width part was fixed when I dl the beta version :) Now can't understand why list text is showed this way.

[Clooos]

I'm not sure but this should be fixed in v2.3.4-beta.1, I forgot to mention that in the changelog.

[mk89pwnz]

I'm not sure but this should be fixed in v2.3.4-beta.1, I forgot to mention that in the changelog.

Yes all good now ☺️

[Clooos]

Yay! 🙌