fix: Remove unnecessary scroll bars from filter dropdown (#12515)

This commit is contained in:
Sivin Varghese
2025-09-24 20:55:52 +05:30
committed by GitHub
parent 2ba4780bda
commit c3680d50bc
5 changed files with 5 additions and 5 deletions

View File

@@ -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"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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">