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 responsive issues in timetracker recently tracked entries dropdown

Browse Source
This commit is contained in:
Gregor Vostrak
2026-02-03 14:30:56 +01:00
parent 537a023ab9
commit 73c92fad47
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/packages/ui/src/TimeTracker/TimeTrackerControls.vue
View File

@@ -222,10 +222,10 @@ useSelectEvents(
<div
v-if="showDropdown && filteredRecentlyTrackedTimeEntries.length > 0"
ref="floating"
class="z-50 w-full max-w-2xl"
class="z-50 w-[min(500px,100vw-2rem)]"
:style="floatingStyles">
<div
class="rounded-lg w-full fixed min-w-xl top-0 left-0 border border-card-border overflow-none shadow-dropdown bg-card-background">
class="rounded-lg w-full border border-card-border overflow-hidden shadow-dropdown bg-card-background">
<div
class="text-text-tertiary text-xs font-semibold border-b border-border-tertiary px-2 py-1.5">
Recently Tracked Time Entries

10
resources/js/packages/ui/src/TimeTracker/TimeTrackerRecentlyTrackedEntry.vue
View File

@@ -28,19 +28,21 @@ const task = computed(() => {
:data-select-id="timeEntry.id"
:class="
twMerge(
'px-2 py-1.5 flex justify-between items-center space-x-2 w-full rounded',
'px-2 py-1.5 flex items-center space-x-2 w-full rounded text-left',
props.highlighted && 'bg-card-background-active'
)
">
<span v-if="timeEntry.description !== ''" class="text-sm font-medium">
<span
v-if="timeEntry.description !== ''"
class="text-sm font-medium truncate min-w-0 flex-1">
{{ timeEntry.description }}
</span>
<span v-else class="text-sm text-text-tertiary font-medium"> No Description </span>
<span v-else class="text-sm text-text-tertiary font-medium flex-1"> No Description </span>
<ProjectBadge
ref="projectDropdownTrigger"
:color="project?.color"
:name="project?.name"
class="">
class="shrink-0">
<div v-if="project" class="flex items-center lg:space-x-1 min-w-0">
<span class="whitespace-nowrap text-xs">
{{ project?.name }}