From 83e91f4dcbbee9ad97dc528d8ab36ed04bfd3234 Mon Sep 17 00:00:00 2001 From: nod_ Date: Wed, 29 May 2024 10:00:37 +0200 Subject: [PATCH] Issue #3444699 by Gauravvvv, finnsky, ahsannazir, nod_, SKAUGHT, Kanchan Bhogade: Navigation LayoutBuilder UI has dead click zone (cherry picked from commit d4883273125fe4ad5078aca9e17b81183a120e7f) --- core/modules/navigation/css/components/toolbar-popover.css | 4 ++-- .../navigation/css/components/toolbar-popover.pcss.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/core/modules/navigation/css/components/toolbar-popover.css b/core/modules/navigation/css/components/toolbar-popover.css index a5758162ca5..912515b6245 100644 --- a/core/modules/navigation/css/components/toolbar-popover.css +++ b/core/modules/navigation/css/components/toolbar-popover.css @@ -84,8 +84,8 @@ } } [data-admin-toolbar="collapsed"] [data-toolbar-popover-wrapper] { - transform: translateX(calc((16 * var(--admin-toolbar-rem) * -1) + var(--drupal-displace-offset-left))); + transform: translateX(calc((16 * var(--admin-toolbar-rem) * -1) + var(--drupal-displace-offset-left, var(--admin-toolbar-space-72)))); } [dir="rtl"] :is([data-admin-toolbar="collapsed"] [data-toolbar-popover-wrapper]) { - transform: translateX(calc((16 * var(--admin-toolbar-rem)) + var(--drupal-displace-offset-right))); + transform: translateX(calc((16 * var(--admin-toolbar-rem)) + var(--drupal-displace-offset-right, var(--admin-toolbar-space-72)))); } diff --git a/core/modules/navigation/css/components/toolbar-popover.pcss.css b/core/modules/navigation/css/components/toolbar-popover.pcss.css index 394f8b67334..3a04a317107 100644 --- a/core/modules/navigation/css/components/toolbar-popover.pcss.css +++ b/core/modules/navigation/css/components/toolbar-popover.pcss.css @@ -88,9 +88,9 @@ } [data-admin-toolbar="collapsed"] [data-toolbar-popover-wrapper] { - transform: translateX(calc((16 * var(--admin-toolbar-rem) * -1) + var(--drupal-displace-offset-left))); + transform: translateX(calc((16 * var(--admin-toolbar-rem) * -1) + var(--drupal-displace-offset-left, var(--admin-toolbar-space-72)))); [dir="rtl"] & { - transform: translateX(calc((16 * var(--admin-toolbar-rem)) + var(--drupal-displace-offset-right))); + transform: translateX(calc((16 * var(--admin-toolbar-rem)) + var(--drupal-displace-offset-right, var(--admin-toolbar-space-72)))); } }