mirror of
https://github.com/IliesAllali/parenthese.git
synced 2026-11-14 00:22:03 +00:00
Menu du compte : l'arbre en cours n'est plus grisé
Dans « Mes arbres », l'arbre en cours s'affichait grisé comme un élément désactivé. Il garde maintenant sa couleur normale, avec une coche terracotta, et reste non cliquable. Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
0d08b0f148
commit
eb3db5f7c5
2 files changed
+7
-1
No files matched your search
@@ -45,3 +45,5 @@
|
||||
.navm-check { color: var(--pz-a700); }
|
||||
.navm-current { cursor: default; }
|
||||
.navm-current:hover { background: transparent !important; }
|
||||
/* Arbre en cours : désactivé pour le clavier et le clic, mais texte à sa couleur normale (pas la mise en retrait de .navm-item:disabled) */
|
||||
.navm-item.navm-current:disabled { opacity: 1; cursor: default; color: var(--pz-ink); }
|
||||
@@ -86,13 +86,16 @@ function AvatarMenu({
|
||||
<NavMenuSep />
|
||||
<NavMenuGroup label={t('Mes arbres')}>
|
||||
{trees.length > 1 ? trees.map((tree) => {
|
||||
// L'arbre en cours : affiché comme courant (coche terracotta), non cliquable, pas grisé
|
||||
const isActive = String(tree.id) === String(activeTreeId)
|
||||
return (
|
||||
<NavMenuItem
|
||||
key={tree.id}
|
||||
icon={<span className="navm-tree-mono" aria-hidden="true">{(tree.name || '?').trim().charAt(0).toUpperCase()}</span>}
|
||||
label={tree.name}
|
||||
onSelect={() => { onClose(); onSelectTree?.(tree.id) }}
|
||||
onSelect={isActive ? undefined : () => { onClose(); onSelectTree?.(tree.id) }}
|
||||
disabled={isActive}
|
||||
className={isActive ? 'navm-current' : undefined}
|
||||
right={isActive ? <Check size={16} aria-hidden="true" className="navm-check" /> : null}
|
||||
/>
|
||||
)
|
||||
@@ -102,6 +105,7 @@ function AvatarMenu({
|
||||
label={currentTreeName}
|
||||
disabled
|
||||
className="navm-current"
|
||||
right={<Check size={16} aria-hidden="true" className="navm-check" />}
|
||||
/>
|
||||
)}
|
||||
<NavMenuItem icon={<Plus {...ICON} />} label={t('Créer un nouvel arbre')} onSelect={() => { onClose(); onCreateTree?.() }} />
|
||||
|
||||
Reference in new issue
Block a user