Horizontal buttons stack bubble card width

[flth1968]

Goal

Bubble cards in a horizontal button stack with different widths, card 1 70% and card 2 30% of the width

Source Yaml

type: horizontal-stack
cards:
  - type: custom:bubble-card
    card_type: select
    card_layout: large-2-rows
    entity: input_select.modes
    sub_button:
      - entity: device_tracker.flemming_iphone
        show_state: false
        show_icon: true
        name: ""
        icon: mdi:human-male
        show_name: false
      - entity: device_tracker.heidi_iphone
        icon: mdi:human-female
        show_arrow: false
        show_icon: true
    show_icon: false
    show_name: false
    show_state: true
  - type: custom:bubble-card
    card_type: button
    button_type: state
    entity: sensor.energi_data_service
    card_layout: large-2-rows

Which step did you already try?

type: horizontal-stack
cards:
  - type: custom:mod-card
    card:
      type: custom:bubble-card
      entity: sensor.temperature
      name: Temperatur
    style: |
      ha-card {
        width: 70%;
      }

  - type: custom:mod-card
    card:
      type: custom:bubble-card
      entity: sensor.humidity
      name: Fugtighed
    style: |
      ha-card {
        width: 30%;
      }

Problem

No response

Read the documentation

• I have read the documentation

[Menelao147]

Try in this way:

type: horizontal-stack
cards:
  - type: custom:bubble-card
    card_type: select
    card_layout: large-2-rows
    entity: input_select.modes
    sub_button:
      - entity: device_tracker.flemming_iphone
        show_state: false
        show_icon: true
        name: ""
        icon: mdi:human-male
        show_name: false
      - entity: device_tracker.heidi_iphone
        icon: mdi:human-female
        show_arrow: false
        show_icon: true
    show_icon: false
    show_name: false
    show_state: true
    card_mod:
      style: |
        ha-card {
          width: 70%;
        }
  - type: custom:bubble-card
    card_type: button
    button_type: state
    entity: sensor.energi_data_service
    card_layout: large-2-rows
    card_mod:
      style: |
        ha-card {
          width: 30%;
        }

[flth1968]

Hi

thanks for the answer, but it's not quite as expected, I would like it to look like what I drew

it deletes it 70% on card 1 when I save

type: horizontal-stack
cards:

• type: custom:bubble-card
  card_type: select
  card_layout: large-2-rows
  entity: input_select.modes
  sub_button:
  • entity: device_tracker.flemming_iphone
    show_state: false
    show_icon: true
    name: ""
    icon: mdi:human-male
    show_name: false
  • entity: device_tracker.heidi_iphone
    icon: mdi:human-female
    show_arrow: false
    show_icon: true
    show_icon: false
    show_name: false
    show_state: true
• type: custom:bubble-card
  card_type: button
  button_type: state
  entity: sensor.energi_data_service
  card_layout: large-2-rows
  card_mod:
  style: |
  ha-card {
  width: 30%;
  }

[Menelao147]

type: horizontal-stack
cards:
  - type: custom:bubble-card
    card_type: select
    card_layout: large-2-rows
    entity: input_select.fan_speed
    sub_button:
      - entity: device_tracker.pixel_6_pro
        show_state: false
        show_icon: true
        name: ""
        icon: mdi:human-male
        show_name: false
      - entity: device_tracker.telefono_jessica
        icon: mdi:human-female
        show_arrow: false
        show_icon: true
    show_icon: false
    show_name: false
    show_state: true
    card_mod:
      style: |
        ha-card {
          width: 130%;
        }
  - type: custom:bubble-card
    card_type: button
    button_type: state
    entity: sensor.tesla_battery_level
    card_layout: large-2-rows
    card_mod:
      style: |
        ha-card {
          width: 70%;
          left: 30%;
        }

[flth1968]

Thanks, really nice with all the help you can get here.
It works perfectly. But if I open the card again for editing, the part with 130% is gone.
Of course I can write it again, but I think it's strange.

card_mod:
style: |
ha-card {
width: 130%;
}

[Menelao147]

This is strange, I don't have this problem, what version of Bubble Card and card-mod are you using?

[flth1968]

Restart and now it working