mirror of
https://github.com/nextcloud/server.git
synced 2026-06-12 10:10:49 -04:00
fix(unified-search): do not overlap search with button
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
parent
460765dd5b
commit
9a006eb29c
1 changed files with 4 additions and 4 deletions
|
|
@ -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,8 +132,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;
|
||||
}
|
||||
|
|
@ -141,7 +141,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);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue