Merge pull request #51566 from nextcloud/backport/51418/stable31

[stable31] fix(unified-search): do not overlap search bar with button

Author: AndyScherzinger

core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue

@@ -123,7 +123,7 @@ function clearAndCloseSearch() {
 		// this can break at any time the component library changes
 		:deep(input) {
 			// search global width + close button width
-			padding-inline-end: calc(v-bind('searchGlobalButtonWidth') + var(--default-clickable-area));
+			padding-inline-end: calc(v-bind('searchGlobalButtonCSSWidth') + var(--default-clickable-area));
 		}
 	}
 }
@@ -132,16 +132,16 @@ function clearAndCloseSearch() {
 	transition: width var(--animation-quick) linear;
 }
 
-// Make the position absolut during the transition
-// this is needed to "hide" the button begind it
+// Make the position absolute during the transition
+// this is needed to "hide" the button behind it
 .v-leave-active {
 	position: absolute !important;
 }
 
 .v-enter,
 .v-leave-to {
 	&.local-unified-search {
-		// Start with only the overlayed button
+		// Start with only the overlay button
 		--local-search-width: var(--clickable-area-large);
 	}
 }