fix(versioning): indicateur visible sur TOUS les modes d'affichage
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:
@@ -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" />
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user