Styling of slots

Created on 15 July 2025, about 2 months ago

Overview

I found 2 issues regarding the styling of slots.
- If a slot not filled with any component, in the preview it's still take some place
- Some slot should not be rendered as a block, but should be inline, for example a heading component could be folowed by a badge. If in the twig we add a span(or any inline element) around the slot, the slot will be correctly inlined, but this span is not always desired. And without this extra wrapper (span), the slot is rendered as a block (full width of the container)

Proposed resolution

User interface changes

🐛 Bug report
Status

Active

Version

0.0

Component

… to be triaged

Created by

🇮🇱Israel heyyo Jerusalem

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @heyyo
  • 🇦🇺Australia larowlan 🇦🇺🏝.au GMT+10

    Thanks for filing this @heyyo - I wonder if you have any ideas for proposed resolution.

    I wonder if we can make use of a meta property on slots in the definition to flag a slot as inline?

    In terms of the space, this is needed for the sake of drop-targets. I guess we could hide that unless something was being dragged but that might make dropping difficult if when drag start occurs we added back collapsed/empty slots

  • 🇮🇱Israel heyyo Jerusalem

    In terms of the space, this is needed for the sake of drop-targets. I guess we could hide that unless something was being dragged but that might make dropping difficult if when drag start occurs we added back collapsed/empty slots

    When editing, for sure we need to keep displaying slots.
    But my issue is about after clicking Preview, in this case I think empty slots shouldn't take any space

  • 🇮🇱Israel heyyo Jerusalem

    I wonder if we can make use of a meta property on slots in the definition to flag a slot as inline?

    Will be great

Production build 0.71.5 2024