Highlight regions when dragging blocks (dashed region border)

Created on 15 February 2022, over 2 years ago
Updated 1 November 2023, 8 months ago

Problem/Motivation

Currently, the regions are not indicated in the frontend, like they for example in layout builder with a dashed border.

Steps to reproduce

Drag a block in the frontend, the regions can't be seen. At least in Bartik for example.

Proposed resolution

Show a dashed border (and eventually region names) when dragging a block in the frontend.

Technically spoken:

  • JavaScript: Add an indicator class for all target regions (if not existing already from upstream!) to allow CSS styling
  • CSS: Add dashed border for that class


If possible, use Core logic and classes! This might exist for example in layout builder, blocks or wherever... ;)

It uses https://github.com/SortableJS/Sortable

Remaining tasks

User interface changes

API changes

Data model changes

πŸ“Œ Task
Status

Fixed

Version

3.0

Component

Code

Created by

πŸ‡©πŸ‡ͺGermany Anybody Porta Westfalica

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024