Merge pull request #6047 from nextcloud-libraries/fix/header-menu

fix(NcHeaderMenu): Ensure trigger button is has same width as wrapper
nextcloud-libraries · Sep 5, 2024 · a24042e · a24042e
2 parents 5f6afe1 + 9a65176
commit a24042e
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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>