Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Accessible event button styles

Browse Source
This commit is contained in:
Alexis
2025-03-14 16:47:43 +01:00
parent 9034406a45
commit f94c688baa
3 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/calendar/CalendarEvent.vue
View File

@@ -55,7 +55,7 @@ onMounted(() => {
<UiPopover v-model:open="isPopoverDetailsOpen">
<UiPopoverTrigger as-child>
<button
class="event text-xs px-2 py-1 block w-full text-left rounded-sm focus-visible:bg-red-200 transition-colors"
class="event text-xs px-2 py-1 block w-full text-left rounded-sm transition-colors outline-offset-1"
:class="
cn(
event.category ? `event-${event.category.color}` : '',

4
components/calendar/search/lists/EventCallout.vue
View File

@@ -21,7 +21,7 @@ const dateDuration = computed<string | null>(() => props.event.endDate ? getRela
<template>
<button
class="event relative block w-full text-left py-3 px-4 rounded-sm transition-colors"
class="event group relative block w-full text-left py-3 px-4 rounded-sm transition-colors"
:class="cn(
event.category ? `event-${event.category.color}` : '',
{
@@ -30,7 +30,7 @@ const dateDuration = computed<string | null>(() => props.event.endDate ? getRela
@click="$emit('query:date-jump', event.startDate)"
>
<div class="flex gap-2 items-center mb-1">
<h2 class="font-bold text-lg">
<h2 class="font-bold text-lg underline-offset-4 group-hover:underline">
{{ event.title }}
</h2>
<div v-if="event.wiki">