mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-06 05:57:49 +00:00
aa75347f96
## Description Fixes a UI bug in the search bar dropdown where long lists were not scrollable after the latest update. Adds a `max-height` to the `<ul>` element and enables vertical scrolling. ## Type of change - [x] Bug fix (non-breaking change which fixes an issue) ## How Has This Been Tested? - Verified scrolling works for long search results. - Confirmed layout remains correct on different screen sizes. - No other UI elements affected. ## Checklist - [x] Code follows project style guidelines - [x] Self-reviewed code - [x] Changes generate no new warnings Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> Co-authored-by: Shivam Mishra <scm.mymail@gmail.com>
23 lines
427 B
Vue
23 lines
427 B
Vue
<script setup>
|
|
defineProps({
|
|
title: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div class="-mx-2 n-dropdown-section">
|
|
<div
|
|
v-if="title"
|
|
class="px-4 mb-3 mt-1 leading-4 font-medium tracking-[0.2px] text-n-slate-10 text-xs"
|
|
>
|
|
{{ title }}
|
|
</div>
|
|
<ul class="gap-2 grid reset-base list-none px-2 max-h-96 overflow-y-auto">
|
|
<slot />
|
|
</ul>
|
|
</div>
|
|
</template>
|