Skip to content

Commit d69e30c

Browse files
Myesterybenceruleanlu
authored andcommitted
[fix] improve FormDropdownMenu scrolling behavior (#6570)
This pull request makes a minor UI adjustment to the `FormDropdownMenu.vue` component. The change improves the dropdown menu's usability by allowing its contents to scroll vertically and adds a small top margin for better spacing. * UI improvement: Changed the dropdown list container to use `overflow-y-scroll` and added a top margin (`mt-2`) for improved scrolling and spacing. (`src/renderer/extensions/vueNodes/widgets/components/form/dropdown/FormDropdownMenu.vue`)- Add top margin (mt-2) for better spacing - Change overflow-hidden to overflow-y-scroll for scrollable list ## Current https://github.com/user-attachments/assets/40cb4600-ff4e-41a5-89d6-a9aee48fa633 ## Before https://github.com/user-attachments/assets/fbe7a399-06d5-4cda-b850-f28b09f20d73 ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-6570-fix-improve-FormDropdownMenu-scrolling-behavior-2a16d73d3650815c883fcfeb7d9a3ace) by [Unito](https://www.unito.io)
1 parent 69f270b commit d69e30c

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/renderer/extensions/vueNodes/widgets/components/form/dropdown/FormDropdownMenu.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ const searchQuery = defineModel<string>('searchQuery')
5353
:is-querying="isQuerying"
5454
/>
5555
<!-- List -->
56-
<div class="relative flex h-full overflow-hidden">
56+
<div class="relative flex h-full mt-2 overflow-y-scroll">
5757
<div
5858
:class="
5959
cn(

0 commit comments

Comments
 (0)