Contrib.social

Refine dragging behavior and design in Layers menu

Open on Drupal.org →
Created on 27 August 2024, 20 days ago
Updated 13 September 2024, 3 days ago

Overview

Postponed on 📌 Improve the page hierarchy display Active which adds SortableJS behavior to the Layers menu and the basic implementation. This issue is to refine the dragging behavior and also the design.

A few things I've encountered so far:

- Dragging a component to the root level, only sometimes shows the ghost styling, and sometimes will add a left margin
- Hard to drag into an unopened slot (where the dropdown is closed)
- Hard to drag a component into an empty slot
- Prevent dragging a component into an SDC unless it's into the SDC's slot.

From: https://www.drupal.org/project/experience_builder/issues/3458503#comment... 📌 Improve the page hierarchy display Active

Detailed observations, none of which need to be addressed here, only in follow-ups:

the slot names are machine names, not human-readable names
clicking on a slot name doesn't do anything — I'd expect the entire slot to be outlined?
why do we want to make them visually stand out compared to components? Especially due to the above point, I'd expect them to have less visual prominence.
clicking the slot name doesn't do the same as clicking the disclosure triangle

Proposed resolution

User interface changes

📌 Task
Status

Active

Component

Page builder

Created by

🇺🇸United States hooroomoo

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

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024