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

improve calendar current day styling

Browse Source
This commit is contained in:
Gregor Vostrak
2026-03-30 00:58:40 +02:00
parent dd7b23958a
commit 0c88a10eb5
1 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
resources/js/packages/ui/src/FullCalendar/TimeEntryCalendar.vue
View File

@@ -526,7 +526,7 @@ function getEventDurationSeconds(dayEvent: DayEvent, dayStr: string): number {
:style="{ height: SLOT_HEIGHT + 'px' }"> :style="{ height: SLOT_HEIGHT + 'px' }">
<span <span
v-if="slot.isHour" v-if="slot.isHour"
class="fc-timegrid-slot-label-cushion text-[0.8125rem] text-muted-foreground leading-none block"> class="fc-timegrid-slot-label-cushion text-[0.8125rem] text-muted-foreground leading-none block font-light">
{{ formatSlotLabel(slot.minutes / 60) }} {{ formatSlotLabel(slot.minutes / 60) }}
</span> </span>
</div> </div>
@@ -536,12 +536,30 @@ function getEventDurationSeconds(dayEvent: DayEvent, dayStr: string): number {
class="flex-1 min-w-0 relative" class="flex-1 min-w-0 relative"
@pointerdown="onSlotPointerDown($event)"> @pointerdown="onSlotPointerDown($event)">
<div <div
class="bg-background" class="bg-background relative"
:style="{ height: totalGridHeight + 'px' }"> :style="{ height: totalGridHeight + 'px' }">
<div
class="absolute inset-0 grid"
:style="{
gridTemplateColumns:
'repeat(' + viewDays.length + ', 1fr)',
}">
<div
v-for="day in viewDays"
:key="'bg-' + day.format('YYYY-MM-DD')"
:style="
isToday(day)
? {
backgroundColor:
'var(--theme-color-default-background)',
}
: undefined
" />
</div>
<div <div
v-for="slot in slots" v-for="slot in slots"
:key="'lane-' + slot.time" :key="'lane-' + slot.time"
class="fc-timegrid-slot fc-timegrid-slot-lane border-t border-border box-border" class="fc-timegrid-slot fc-timegrid-slot-lane border-t border-border box-border relative"
:class="{ :class="{
'fc-timegrid-slot-minor border-dotted': 'fc-timegrid-slot-minor border-dotted':
!slot.isHour, !slot.isHour,