fix(versioning): indicateur visible sur TOUS les modes d'affichage
Some checks failed
CI / Deploy production (on server) (push) Has been cancelled
CI / Lint, Unit Tests & Build (push) Has been cancelled

Card view:
- Badge plus visible: bg-emerald-500/15 + border + backdrop-blur
- Position top-2.5 end-2.5 (top-right corner, bien visible)

Table/list view (notes-list-views.tsx):
- Icône History 11px text-emerald-500 à côté du titre (comme Pin)
- Present sur toutes les lignes du tableau

Editorial view (notes-editorial-view.tsx):
- Icône History 14px text-emerald-500 à côté du titre + Pin
- Visible sans hover (contrairement au menu dropdown)
This commit is contained in:
Antigravity
2026-07-04 20:51:57 +00:00
parent 72f9798e97
commit 6b44d35c40
3 changed files with 9 additions and 3 deletions

View File

@@ -597,7 +597,7 @@ export const NoteCard = memo(function NoteCard({
{/* Versioning indicator */}
{optimisticNote.historyEnabled && (
<div
className="absolute top-3 end-3 z-10 flex items-center gap-0.5 rounded-full bg-emerald-500/10 dark:bg-emerald-500/20 px-1.5 py-0.5"
className="absolute top-2.5 end-2.5 z-10 flex items-center gap-1 rounded-full bg-emerald-500/15 dark:bg-emerald-500/25 border border-emerald-500/20 px-2 py-0.5 backdrop-blur-sm"
title={t('notes.historyEnabledTooltip') || 'Version history enabled'}
>
<History className="h-3 w-3 text-emerald-600 dark:text-emerald-400" />

View File

@@ -436,8 +436,12 @@ export function NotesEditorialView({
/>
</div>
<h2 className="font-memento-serif text-2xl font-medium text-foreground flex items-center justify-between">
{title}
<h2 className="font-memento-serif text-2xl font-medium text-foreground flex items-center gap-2 justify-between">
<span className="inline-flex items-center gap-2 truncate">
{note.isPinned && <Pin size={14} className="text-amber-500 fill-amber-500 shrink-0" />}
{note.historyEnabled && <History size={14} className="text-emerald-500 shrink-0" />}
{title}
</span>
<span className="opacity-0 group-hover:opacity-30 transition-opacity shrink-0">
<ChevronRight size={20} />
</span>

View File

@@ -46,6 +46,7 @@ import {
FolderOpen,
Sparkles,
Loader2,
History,
} from 'lucide-react'
import { cn } from '@/lib/utils'
import { useHydrated } from '@/lib/use-hydrated'
@@ -404,6 +405,7 @@ export function NotesListViews({
<td className="px-4 py-2 font-memento-serif text-[13px] font-medium truncate max-w-[280px]">
<span className="inline-flex items-center gap-2 truncate group-hover:text-brand-accent transition-colors">
{note.isPinned && <Pin size={11} className="text-amber-500 fill-amber-500 shrink-0" />}
{note.historyEnabled && <History size={11} className="text-emerald-500 shrink-0" />}
{title}
</span>
</td>