fix light mode timesheet background and add missing aria-label

This commit is contained in:
Gregor Vostrak
2026-05-20 15:24:09 +02:00
parent 54fffd07bc
commit eb63c4ef03
2 changed files with 6 additions and 3 deletions

View File

@@ -124,6 +124,7 @@ const emit = defineEmits<{
:create-client="createClient" :create-client="createClient"
:organization-billable-rate="organization?.billable_rate ?? null" :organization-billable-rate="organization?.billable_rate ?? null"
:no-project-value="null" :no-project-value="null"
align="start"
@changed="(p, t) => emit('add-row', p, t)"> @changed="(p, t) => emit('add-row', p, t)">
<template #trigger> <template #trigger>
<Button variant="ghost" size="sm" class="text-text-secondary"> <Button variant="ghost" size="sm" class="text-text-secondary">
@@ -144,7 +145,7 @@ const emit = defineEmits<{
:key="dayIndex" :key="dayIndex"
data-testid="timesheet_day_total" data-testid="timesheet_day_total"
:class="[ :class="[
'flex items-center justify-center border-t border-default-background-separator bg-secondary px-2 py-1 text-xs font-medium', 'flex items-center justify-center border-t border-default-background-separator bg-background dark:bg-secondary px-2 py-1 text-xs font-medium',
weekDays[dayIndex] === todayDate weekDays[dayIndex] === todayDate
? 'text-text-primary' ? 'text-text-primary'
: 'text-text-secondary', : 'text-text-secondary',
@@ -154,10 +155,11 @@ const emit = defineEmits<{
</span> </span>
</div> </div>
<div <div
class="flex items-center justify-end border-t border-default-background-separator bg-secondary pl-3 pr-3 py-1 text-xs font-semibold text-text-primary"> class="flex items-center justify-end border-t border-default-background-separator bg-background dark:bg-secondary pl-3 pr-3 py-1 text-xs font-semibold text-text-primary">
{{ weekTotalFormatted }} {{ weekTotalFormatted }}
</div> </div>
<div class="border-t border-default-background-separator bg-secondary"></div> <div
class="border-t border-default-background-separator bg-background dark:bg-secondary"></div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -124,6 +124,7 @@ function hasRunningEntry(dayIndex: number): boolean {
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
aria-label="Remove row"
class="h-6 w-6 flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" class="h-6 w-6 flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"
@click="emit('removeRow', row.key)"> @click="emit('removeRow', row.key)">
<XMarkIcon class="h-3.5 w-3.5 text-icon-default" /> <XMarkIcon class="h-3.5 w-3.5 text-icon-default" />