Block contextual menus hidden by sidebar

Created on 24 January 2025, 27 days ago

Problem/Motivation

When editing layout builder page, if the right side bar is open it covers the block contextual menus (configure, move, remove block). So you have to close the sidebar to be able to edit/delete blocks.

Steps to reproduce

  1. Go to a layout builder page with blocks on it
  2. Have sidebar open
  3. Try to hover over blocks to access contextual menus
  4. They are positioned under the sidebar menu and can't be accessed

Proposed resolution

We added this css to our site to fix this. It uses the gin css variables to adjust block contextual menus

[data-meta-sidebar="open"] .layout-builder-block .contextual {
    right: var(--gin-sidebar-width);
}

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Active

Version

1.0

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States madhaze

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

Comments & Activities

Production build 0.71.5 2024