Skip to content

Commit 5d56f60

Browse files
committed
fix: make Revise buttons always visible on mobile in preview modal
The per-field Revise buttons used opacity-0 with group-hover, which is invisible on touch devices. Now always visible on mobile with blue styling and 36px touch target, reverting to hover-reveal on desktop.
1 parent ed0fc5a commit 5d56f60

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

ui/src/lib/components/ContentPreviewModal.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -371,7 +371,7 @@
371371
</dt>
372372
{#if taskId && editingFieldKey !== field.key}
373373
<button
374-
class="opacity-0 group-hover/field:opacity-100 focus:opacity-100 shrink-0 inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[0.6rem] font-medium text-slate-400 hover:text-blue-600 hover:bg-blue-50 dark:text-slate-500 dark:hover:text-blue-400 dark:hover:bg-blue-950/30 transition-all"
374+
class="shrink-0 inline-flex items-center gap-1 rounded-md px-2 py-1 sm:px-1.5 sm:py-0.5 text-[0.65rem] sm:text-[0.6rem] font-medium text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-950/30 sm:opacity-0 sm:group-hover/field:opacity-100 focus:opacity-100 sm:bg-transparent sm:dark:bg-transparent sm:text-slate-400 sm:hover:text-blue-600 sm:hover:bg-blue-50 sm:dark:text-slate-500 sm:dark:hover:text-blue-400 sm:dark:hover:bg-blue-950/30 transition-all min-h-[36px] sm:min-h-0"
375375
title="Request AI revision for this field"
376376
aria-label="Revise {field.label}"
377377
onclick={() =>

0 commit comments

Comments
 (0)