adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-08 00:02:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix reporting multiselect dropdowns max height, fixes ST-414

Browse Source
This commit is contained in:
Gregor Vostrak
2024-09-09 14:16:40 +02:00
committed by Constantin Graf
parent f0705e1e4a
commit d211e962f5
5 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/Components/Common/Project/ProjectDropdown.vue
View File

@@ -136,7 +136,9 @@ function updateValue(project: Project) {
placeholder="Search for a project..." />
</ComboboxAnchor>
<ComboboxContent>
<ComboboxViewport ref="dropdownViewport" class="w-60">
<ComboboxViewport
ref="dropdownViewport"
class="w-60 max-h-60 overflow-y-scroll">
<ComboboxItem
v-if="searchValue === ''"
class="data-[highlighted]:bg-card-background-active"

2
resources/js/packages/ui/src/Client/ClientDropdown.vue
View File

@@ -142,7 +142,7 @@ const highlightedItem = computed(() => {
ref="searchInput"
class="bg-card-background border-0 placeholder-muted text-sm text-white py-2.5 focus:ring-0 border-b border-card-background-separator focus:border-card-background-separator w-full"
placeholder="Search for a client..." />
<div ref="dropdownViewport" class="w-60">
<div ref="dropdownViewport" class="w-60 max-h-60 overflow-y-scroll">
<div
v-if="
searchValue.length > 0 && filteredClients.length === 0

2
resources/js/packages/ui/src/Input/MultiselectDropdown.vue
View File

@@ -165,7 +165,7 @@ const highlightedItem = computed(() => {
ref="searchInput"
class="bg-card-background border-0 placeholder-muted text-sm text-white py-2.5 focus:ring-0 border-b border-card-background-separator focus:border-card-background-separator w-full"
:placeholder="searchPlaceholder" />
<div ref="dropdownViewport" class="w-60">
<div ref="dropdownViewport" class="w-60 max-h-60 overflow-y-scroll">
<div
v-for="item in filteredItems"
:key="props.getKeyFromItem(item)"

2
resources/js/packages/ui/src/Input/SelectDropdown.vue
View File

@@ -125,7 +125,7 @@ watch(open, () => {
<slot name="trigger"> </slot>
</template>
<template #content>
<div ref="dropdownViewport" class="w-60">
<div ref="dropdownViewport" class="w-60 max-h-60 overflow-y-scroll">
<div
v-for="item in filteredItems"
:key="props.getKeyFromItem(item) ?? 'none'"

2
resources/js/packages/ui/src/Tag/TagDropdown.vue
View File

@@ -187,7 +187,7 @@ const showCreateTagModal = ref(false);
ref="searchInput"
class="bg-card-background border-0 placeholder-muted text-sm text-white py-2.5 focus:ring-0 border-b border-card-background-separator focus:border-card-background-separator w-full"
placeholder="Search for a Tag..." />
<div ref="dropdownViewport" class="w-60 max-h-48 overflow-y-scroll">
<div ref="dropdownViewport" class="w-60 max-h-60 overflow-y-scroll">
<div
v-for="tag in filteredTags"
:key="tag.id"