adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-17 12:42: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 a58becc268
commit 03e0377101
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 <div
v-if="showDropdown && filteredRecentlyTrackedTimeEntries.length > 0" v-if="showDropdown && filteredRecentlyTrackedTimeEntries.length > 0"
ref="floating" ref="floating"
class="z-50 w-full max-w-2xl" class="z-50 w-[min(500px,100vw-2rem)]"
:style="floatingStyles"> :style="floatingStyles">
<div <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 <div
class="text-text-tertiary text-xs font-semibold border-b border-border-tertiary px-2 py-1.5"> class="text-text-tertiary text-xs font-semibold border-b border-border-tertiary px-2 py-1.5">
Recently Tracked Time Entries 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" :data-select-id="timeEntry.id"
:class=" :class="
twMerge( 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' 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 }} {{ timeEntry.description }}
</span> </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 <ProjectBadge
ref="projectDropdownTrigger" ref="projectDropdownTrigger"
:color="project?.color" :color="project?.color"
:name="project?.name" :name="project?.name"
class=""> class="shrink-0">
<div v-if="project" class="flex items-center lg:space-x-1 min-w-0"> <div v-if="project" class="flex items-center lg:space-x-1 min-w-0">
<span class="whitespace-nowrap text-xs"> <span class="whitespace-nowrap text-xs">
{{ project?.name }} {{ project?.name }}