From 9a651760ff5987f474358c69ae507a94370e2ef5 Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <opensource@fthiessen.de>
Date: Tue, 3 Sep 2024 15:00:54 +0200
Subject: [PATCH] fix(NcHeaderMenu): Ensure trigger button is has same width as
 wrapper

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
---
 src/components/NcHeaderMenu/NcHeaderMenu.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/NcHeaderMenu/NcHeaderMenu.vue b/src/components/NcHeaderMenu/NcHeaderMenu.vue
index b4c17b0e1e..03476ff94d 100644
--- a/src/components/NcHeaderMenu/NcHeaderMenu.vue
+++ b/src/components/NcHeaderMenu/NcHeaderMenu.vue
@@ -334,7 +334,7 @@ $externalMargin: 8px;
 	height: var(--header-height);
 
 	#{&}__trigger {
-		width: 100% !important;
+		--button-size: var(--header-height) !important;
 		height: var(--header-height);
 		opacity: .85;
 
@@ -397,6 +397,10 @@ $externalMargin: 8px;
 @media only screen and (max-width: $breakpoint-small-mobile) {
 	.header-menu {
 		width: var(--default-clickable-area);
+
+		#{&}__trigger {
+			--button-size: var(--default-clickable-area) !important;
+		}
 	}
 }
 </style>