watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-04 04:37:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

feat(website) event properties select options scrollable

Browse source
This commit is contained in:
Oskar Pester 2025-12-02 15:03:18 +01:00
parent a19b92a5cb
commit 6d0b9df68e
2 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
View file

@ -42,6 +42,7 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
value={eventName}
onChange={setEventName}
placeholder=""
listProps={{ className: 'scrollable-select-menu-list' }}
>
{events?.map(p => (
<ListItem key={p} id={p}>
@ -55,6 +56,7 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
onChange={setPropertyName}
isDisabled={!eventName}
placeholder=""
listProps={{ className: 'scrollable-select-menu-list' }}
>
{properties?.map(p => (
<ListItem key={p} id={p}>

6
src/styles/global.css
View file

@ -41,3 +41,9 @@ a:hover {
border: 4px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
}
/* TODO add in https://github.com/umami-software/react-zen as default */
.scrollable-select-menu-list {
max-height: 42vh;
overflow-y: auto;
}