Improve Time page responsiveness and compact tags, fixes #896

This commit is contained in:
Gregor Vostrak
2026-02-03 19:21:57 +01:00
parent 73c92fad47
commit bd2d57dfd1
14 changed files with 188 additions and 33 deletions

View File

@@ -222,7 +222,7 @@ useSelectEvents(
<div
v-if="showDropdown && filteredRecentlyTrackedTimeEntries.length > 0"
ref="floating"
class="z-50 w-[min(500px,100vw-2rem)]"
class="z-50 w-[min(640px,100vw-2rem)]"
:style="floatingStyles">
<div
class="rounded-lg w-full border border-card-border overflow-hidden shadow-dropdown bg-card-background">

View File

@@ -515,14 +515,14 @@ const showCreateProject = ref(false);
props.class
)
">
<div class="flex items-center lg:space-x-1 min-w-0">
<span class="whitespace-nowrap text-xs lg:text-sm">
<div class="flex items-center lg:space-x-1 min-w-0 overflow-hidden">
<span class="text-xs lg:text-sm shrink-0">
{{ selectedProjectName }}
</span>
<ChevronRightIcon
v-if="currentTask"
class="w-4 lg:w-5 text-text-secondary shrink-0"></ChevronRightIcon>
<div v-if="currentTask" class="min-w-0 shrink text-xs lg:text-sm truncate">
<div v-if="currentTask" class="min-w-0 text-xs lg:text-sm truncate shrink">
{{ currentTask.name }}
</div>
</div>

View File

@@ -42,15 +42,15 @@ const task = computed(() => {
ref="projectDropdownTrigger"
:color="project?.color"
:name="project?.name"
class="shrink-0">
class="shrink min-w-0 max-w-[50%]">
<div v-if="project" class="flex items-center lg:space-x-1 min-w-0">
<span class="whitespace-nowrap text-xs">
<span class="text-xs whitespace-nowrap shrink-0">
{{ project?.name }}
</span>
<ChevronRightIcon
v-if="task"
class="w-4 lg:w-5 text-text-secondary shrink-0"></ChevronRightIcon>
<div v-if="task" class="min-w-0 shrink text-xs truncate">
<div v-if="task" class="min-w-0 text-xs truncate">
{{ task.name }}
</div>
</div>