Position multiline_secondary value in mushroom template card

Configuration Frontend
1

I have the following card and would like to move the lux values of the room, so that it floats to the right of the mushroom-template-card.

image
image496×321 31.2 KB

It would be great, if you could help he out here.

      - type: custom:mushroom-template-card
        primary: Flur EG
        secondary: >-
          {{ states('sensor.homematic_temperatur_eingang_temperature') |
          round(1) }} °C {{ states('sensor.bewegungsmelder_flur_eg_illuminance')
          | round(0) }} lx
        multiline_secondary: true
        icon: hue:room-stairs
        layout: horizontal
        entity: light.flur_lampen_eg
        icon_color: "{{ 'orange' if is_state(entity, 'on') else 'grey' }}"
        tap_action:
          action: toggle
        hold_action:
          action: more-info
        card_mod:
          style: |
            ha-card {
              --ha-card-border-width: 2.5px;
              --ha-card-border-color: {% if is_state('binary_sensor.bewegungsmelder_flur_eg_occupancy', 'on') %}#FFC107{% else %}transparent{% endif %};
              border-style: solid !important;
              transition: border-color 0.3s;
            }
            mushroom-state-info .secondary {
              display: flex !important;
              justify-content: space-between !important;
              width: 100% !important;
            }
2

With the code you posted just add spaces after °C

secondary: >-
          {{ states('sensor.homematic_temperatur_eingang_temperature') |
          round(1) }} °C                                        {{ states('sensor.bewegungsmelder_flur_eg_illuminance')
          | round(0) }} lx

Pseudo fields are also an option

3

well that was easy! Thanks! :slight_smile: