Formatowanie składni YAML // łamanie linii

hello,
pytanie składniowe… próbowałem uporządkować sobie trochę kod bo mnie razi trochę łamanie linii:

image

no i w myśl myślałem że pomoże takie coś, ale po odświeżeniu strony wraca taki brzydal jak wyżej…

niestety to nie mój język programowania i nie wiem czego mi brakuje żeby nie łamało linii?
próbowałem różnych sposobów ale nic nie pomaga… z góry dzięki za pomysł lub sugestie!

wrzuciłem screeny aby formatowanie Wam pokazać ale w razie czego poniżej oryginalny kod:

    styles:
      icon:
        - color: >
            [[[ if (states[variables.wybrany_glosnik].state == variables.nazwa)
            return 'rgba(255, 214, 10, 1)' else return
            'var(--state-icon-color)'; ]]]
        - border: >
            [[[ if (states[variables.wybrany_glosnik].state == variables.nazwa )
            return 'rgba(255, 214, 10, 1)'
                else return 'var(--state-icon-color)'; ]]]
      grid:
        - grid-template-areas: '"i" "n"'
        - grid-template-rows: 1fr min-content
      card:
        - height: '[[[ return variables.wysokosc ]]]'
        - background-color: rgba(0, 0, 0, 0.1)
        - padding: 5px 5%
        - border: >
            [[[ if (states[variables.wybrany_glosnik].state == variables.nazwa )
            return 'solid 1px deepskyblue'; else return ''; ]]]
        - box-shadow: >
            [[[ if (states[variables.wybrany_glosnik].state == variables.nazwa )
            return '0 0 0.95rem 0.01rem deepskyblue'; else return ''; ]]]

Z czego ten kod jest z karty frontendu ? W czym to edytujesz?

zarówno cały dashboard przez “Edytor konfygiracji YAML” czyli RAW
ale też z samego edytora IU - w obu przypadkach po odświeżeniu czy zamknięciu/otwarciu strony wraca taki brzydal :stuck_out_tongue:

Chodzi ci o to ze kod wychodzi poza obszar okna ?

dla konkretnego przykładu:
image

hasło ‘zamknięte’; łamie się w nową linijkę… a chciałbym aby było w linijce wyżej, w zasadzie w jednej linii z warunkiem IF.
chciałbym aby zostało to w jednej linijce jak niżej, ale mimo zapisu po ponownym otwarciu edycji i tak linijkę łamie

Niestety nic z tym nie zrobisz, jest automatyczne formatowanie, można liczyć tylko na programistów ze coś z tym zrobią.
Wrzuć całość kodu zobaczę czy też tak mam

no to smuteczek… wychodzi na to że jestem jedyny któremu to przeszkadza :open_mouth:
nawet pierwszy z brzegu ostatnie audio co robiłem:

button_card_templates:
  audio_wybor_glosnika:
    type: custom:button-card
    name: '[[[ return variables.nazwa ]]]'
    icon: '[[[ return variables.ikona ]]]'
    variables:
      wysokosc: 70px
      ikona: mdi:speaker
      wybrany_glosnik: input_select.audio_select
    triggers_update: all
    show_last_changed: false
    tap_action:
      action: call-service
      service: input_select.select_option
      service_data:
        entity_id: input_select.audio_select
        option: '[[[ return variables.nazwa ]]]'
    hold_action:
      action: more-info
    state:
      - value: unavailable
        styles:
          icon:
            - color: grey
    styles:
      icon:
        - color: >
            [[[ if (states[variables.wybrany_glosnik].state == variables.nazwa)
            return 'rgba(255, 214, 10, 1)'; else return
            'var(--state-icon-color)'; ]]]
        - border: >
            [[[ if (states[variables.wybrany_glosnik].state == variables.nazwa )
            return 'rgba(255, 214, 10, 1)'; else return
            'var(--state-icon-color)'; ]]]
      grid:
        - grid-template-areas: '"i" "n"'
        - grid-template-rows: 1fr min-content
      card:
        - height: '[[[ return variables.wysokosc ]]]'
        - background-color: rgba(0, 0, 0, 0.1)
        - padding: 5px 5%
        - border: >
            [[[ if (states[variables.wybrany_glosnik].state == variables.nazwa )
            return 'solid 1px deepskyblue'; else return ''; ]]]
        - box-shadow: >
            [[[ if (states[variables.wybrany_glosnik].state == variables.nazwa )
            return '0 0 0.95rem 0.01rem deepskyblue'; else return ''; ]]]
      name:
        - color: '#9e9e9e'
        - font-size: 80%
        - white-space: normal
type: custom:button-card
template:
  - audio_wybor_glosnika
variables:
  nazwa: Kuchnia
  ikona: mdi:silverware-fork-knife
entity: media_player.kuchnia

Pierwszy to RAW nic tam nie zmienisz bo musi być zachowane formatowanie kodu.
Mój

No i właśnie to mi się nie podoba…
U ciebie extra styles i też wiele linijek, podejrzewam że w jednej linijce by się ogarnęło. Ale przy dłuższej linii kodu to przełamie i tak :frowning: