diff --git a/frontend/src/components/navbar/ContextualNavbar.css b/frontend/src/components/navbar/ContextualNavbar.css index 908c1cb..96bb973 100644 --- a/frontend/src/components/navbar/ContextualNavbar.css +++ b/frontend/src/components/navbar/ContextualNavbar.css @@ -55,6 +55,9 @@ @media (hover: hover) and (pointer: fine) { .nav-add:hover { background: #3a3530; } } .nav-add.is-open, .nav-add.is-editing { box-shadow: 0 0 0 4px var(--pz-a100); } +/* « Modifier » en clair dans la démo, quand « Créer mon arbre » prend le noir à côté */ +.nav-add--soft { background: var(--pz-line-soft); color: var(--pz-ink); } +@media (hover: hover) and (pointer: fine) { .nav-add--soft:hover { background: #e9e3da; } } /* Rond du compte */ .nav-dropdown-wrapper { position: static; } diff --git a/frontend/src/components/navbar/ContextualNavbar.jsx b/frontend/src/components/navbar/ContextualNavbar.jsx index d2538a5..ef41024 100644 --- a/frontend/src/components/navbar/ContextualNavbar.jsx +++ b/frontend/src/components/navbar/ContextualNavbar.jsx @@ -230,6 +230,11 @@ function ContextualNavbar({ // La famille sans compte trouve « Faire le mien » en bas du menu qu'elle ouvre, le menu Ajouter, et la ligne quitte // le menu du compte. Seulement si l'instance invite à créer son arbre (SIGNUP_PROMPTS). const ownTreeInAddMenu = signupPrompts && canRegister && isFamily && !authenticated && !showMobileAnnot + // Démo sans compte : « Créer mon arbre » devient le bouton noir de la barre, « Modifier » passe en clair à côté + // (planche du 03/11, variante C). Il quitte alors le menu du rond, pour ne pas être proposé deux fois. + // Pas dans la démo intégrée à la landing (?embed) : l'inscription s'ouvrirait dans le cadre, la landing a ses boutons. + const isEmbed = typeof window !== 'undefined' && new URLSearchParams(window.location.search).has('embed') + const demoSignupInBar = signupPrompts && canRegister && isDemo && !isEmbed && !authenticated && !showMobileAnnot if (ownTreeInAddMenu) { addGroups.push({ label: t('Votre famille'), items: [{ key: 'own-tree', icon: , label: t('Faire le mien'), sub: t('un arbre pour votre famille, gratuit'), onSelect: () => handleCreateAccountClick('ajouter') }] }) } @@ -371,7 +376,7 @@ function ContextualNavbar({ + )} + {/* Rond du compte : icône de profil hors connexion, initiale ou photo connecté */}