From 77b8e596048aac5becd5646423d015858cb280c3 Mon Sep 17 00:00:00 2001
From: nod_ <nod_@598310.no-reply.drupal.org>
Date: Mon, 24 Jun 2024 23:00:46 +0200
Subject: [PATCH] Issue #3450773 by ahsannazir, Kanchan Bhogade, Gauravvvv,
kostyashupenko, smustgrave: Olivero: Incorrect positioning of close button on
mobile device when navigation module is enabled
---
core/themes/olivero/css/components/site-header.css | 6 ++++++
core/themes/olivero/css/components/site-header.pcss.css | 5 +++++
2 files changed, 11 insertions(+)
diff --git a/core/themes/olivero/css/components/site-header.css b/core/themes/olivero/css/components/site-header.css
index ecbdc1ea9cc7..beb3f4ce6200 100644
--- a/core/themes/olivero/css/components/site-header.css
+++ b/core/themes/olivero/css/components/site-header.css
@@ -110,3 +110,9 @@
display: flex;
justify-content: space-between;
}
+
+/* Reset width set by layout.css */
+
+body.is-fixed .site-header__inner__container {
+ width: auto;
+}
diff --git a/core/themes/olivero/css/components/site-header.pcss.css b/core/themes/olivero/css/components/site-header.pcss.css
index d1ffafdacbdf..1c3f3ceabbbd 100644
--- a/core/themes/olivero/css/components/site-header.pcss.css
+++ b/core/themes/olivero/css/components/site-header.pcss.css
@@ -105,3 +105,8 @@ body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded)
display: flex;
justify-content: space-between;
}
+
+/* Reset width set by layout.css */
+body.is-fixed .site-header__inner__container {
+ width: auto;
+}
--
GitLab