fix(unified-search): do not overlap search with button

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2025-03-12 10:27:29 +01:00
parent c50698abfb
commit 12622a9d2c
No known key found for this signature in database
GPG key ID: 45FAE7268762B400

View file

@ -124,7 +124,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));
}
}
}
@ -133,8 +133,8 @@ 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;
}
@ -142,7 +142,7 @@ function clearAndCloseSearch() {
.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);
}
}