fix: Remove unnecessary scroll bars from filter dropdown (#12515)
This commit is contained in:
@@ -45,7 +45,7 @@ const activeAssistantLabel = computed(() => {
|
|||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<DropdownBody class="bottom-9 min-w-64 z-50" strong>
|
<DropdownBody class="bottom-9 min-w-64 z-50" strong>
|
||||||
<DropdownSection class="max-h-80 overflow-scroll">
|
<DropdownSection class="[&>ul]:max-h-80">
|
||||||
<DropdownItem
|
<DropdownItem
|
||||||
v-for="assistant in assistants"
|
v-for="assistant in assistants"
|
||||||
:key="assistant.id"
|
:key="assistant.id"
|
||||||
|
|||||||
@@ -91,7 +91,7 @@ const updateSelected = newValue => {
|
|||||||
:class="dropdownPosition"
|
:class="dropdownPosition"
|
||||||
strong
|
strong
|
||||||
>
|
>
|
||||||
<DropdownSection class="max-h-80 overflow-scroll">
|
<DropdownSection class="[&>ul]:max-h-80">
|
||||||
<DropdownItem
|
<DropdownItem
|
||||||
v-for="option in options"
|
v-for="option in options"
|
||||||
:key="option.value"
|
:key="option.value"
|
||||||
|
|||||||
@@ -123,7 +123,7 @@ const toggleOption = option => {
|
|||||||
</Button>
|
</Button>
|
||||||
</template>
|
</template>
|
||||||
<DropdownBody class="top-0 min-w-48 z-50" strong>
|
<DropdownBody class="top-0 min-w-48 z-50" strong>
|
||||||
<DropdownSection class="max-h-80 overflow-scroll">
|
<DropdownSection class="[&>ul]:max-h-80">
|
||||||
<DropdownItem
|
<DropdownItem
|
||||||
v-for="option in options"
|
v-for="option in options"
|
||||||
:key="option.id"
|
:key="option.id"
|
||||||
|
|||||||
@@ -124,7 +124,7 @@ const toggleSelected = option => {
|
|||||||
:placeholder="searchPlaceholder || t('COMBOBOX.SEARCH_PLACEHOLDER')"
|
:placeholder="searchPlaceholder || t('COMBOBOX.SEARCH_PLACEHOLDER')"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<DropdownSection class="max-h-80 overflow-scroll">
|
<DropdownSection class="[&>ul]:max-h-80">
|
||||||
<template v-if="searchResults.length">
|
<template v-if="searchResults.length">
|
||||||
<DropdownItem
|
<DropdownItem
|
||||||
v-for="option in searchResults"
|
v-for="option in searchResults"
|
||||||
|
|||||||
@@ -76,7 +76,7 @@ function changeAvailabilityStatus(availability) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<DropdownSection>
|
<DropdownSection class="[&>ul]:overflow-visible">
|
||||||
<div class="grid gap-0">
|
<div class="grid gap-0">
|
||||||
<DropdownItem preserve-open>
|
<DropdownItem preserve-open>
|
||||||
<div class="flex-grow flex items-center gap-1">
|
<div class="flex-grow flex items-center gap-1">
|
||||||
|
|||||||
Reference in New Issue
Block a user