From 7ac4979e2e856c6e9ee7c29c7a8cdac80a6b434e Mon Sep 17 00:00:00 2001
From: nod_ <nod_@598310.no-reply.drupal.org>
Date: Fri, 10 May 2024 20:37:10 +0900
Subject: [PATCH] Issue #3445274 by Gauravvvv, smustgrave: Navigation module
offsets the Olivero skip link element
---
core/themes/olivero/css/components/skip-link.css | 2 +-
core/themes/olivero/css/components/skip-link.pcss.css | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/core/themes/olivero/css/components/skip-link.css b/core/themes/olivero/css/components/skip-link.css
index 877e0a0e5af9..c4a73b2b0f43 100644
--- a/core/themes/olivero/css/components/skip-link.css
+++ b/core/themes/olivero/css/components/skip-link.css
@@ -15,7 +15,7 @@
.skip-link {
display: block;
width: 100%;
- max-width: var(--max-bg-color);
+ max-width: calc(var(--max-bg-color) + var(--drupal-displace-offset-left, 0px));
padding-block: var(--sp0-5);
padding-inline-start: var(--sp);
padding-inline-end: var(--sp);
diff --git a/core/themes/olivero/css/components/skip-link.pcss.css b/core/themes/olivero/css/components/skip-link.pcss.css
index 7a422ae4ed5e..9410611236ac 100644
--- a/core/themes/olivero/css/components/skip-link.pcss.css
+++ b/core/themes/olivero/css/components/skip-link.pcss.css
@@ -10,7 +10,7 @@
.skip-link {
display: block;
width: 100%;
- max-width: var(--max-bg-color);
+ max-width: calc(var(--max-bg-color) + var(--drupal-displace-offset-left, 0px));
padding-block: var(--sp0-5);
padding-inline-start: var(--sp);
padding-inline-end: var(--sp);
--
GitLab