From 8c684847ca595d6287846f3e29c25549099109ee Mon Sep 17 00:00:00 2001
From: IliesAllali <pro.allali.ilies@gmail.com>
Date: Wed, 21 Oct 2026 19:38:11 +0200
Subject: [PATCH] Fiche sans bouton d'ajout de photo hors modification, rond du
 compte bien rond
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hors mode modification, un portrait vide montre les initiales : la photo s'ajoute en modification.
La photo du rond du compte suivait sa hauteur naturelle dans la grille et s'étirait en ovale.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 frontend/src/components/PersonCard.css        | 10 --------
 frontend/src/components/PersonCard.jsx        | 25 +++++--------------
 .../components/navbar/ContextualNavbar.css    |  3 +++
 3 files changed, 9 insertions(+), 29 deletions(-)

diff --git a/frontend/src/components/PersonCard.css b/frontend/src/components/PersonCard.css
index 0c850d3..f9bcbd9 100644
--- a/frontend/src/components/PersonCard.css
+++ b/frontend/src/components/PersonCard.css
@@ -44,16 +44,6 @@
 }
 .pc-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
 .pc-photo-initials { font: 400 30px/1 var(--pz-serif); color: var(--pz-a700); }
-.pc-photo--add {
-  border: 1.5px dashed var(--pz-a300); background: var(--pz-a50); box-shadow: none; cursor: pointer;
-  align-content: center; gap: 5px; padding: 6px; color: var(--pz-a700);
-  font: 500 11.5px/1.15 var(--pz-sans); text-align: center;
-  transition: background-color 160ms ease, border-color 160ms ease, transform 140ms var(--pz-ease);
-}
-@media (hover: hover) and (pointer: fine) { .pc-photo--add:hover { background: var(--pz-a100); border-color: var(--pz-a500); } }
-.pc-photo--add:active:not(:disabled) { transform: scale(.97); }
-.pc-photo--add:focus-visible { outline: 2px solid var(--pz-a500); outline-offset: 3px; }
-.pc-photo--add:disabled { opacity: .6; cursor: default; }
 /* Menu du choix de source du portrait : au-dessus de la fiche (z-index 1000), sous la modale Immich (2200) */
 .pc-source-backdrop { position: fixed; inset: 0; z-index: 1100; }
 .pc-source-menu { position: fixed; z-index: 1150; min-width: 220px; }
diff --git a/frontend/src/components/PersonCard.jsx b/frontend/src/components/PersonCard.jsx
index 0c9717a..eae030b 100644
--- a/frontend/src/components/PersonCard.jsx
+++ b/frontend/src/components/PersonCard.jsx
@@ -688,25 +688,12 @@ const PersonCard = ({
               disabled={avatarActionLoading}
             />
           )}
-          {/* Portrait vide chez le propriétaire : le cadre lui-même invite à poser la photo, sans passer par l'édition */}
-          {!person.photo && onAvatarUpload && !editMode ? (
-            <button
-              type="button"
-              className="pc-photo pc-photo--add"
-              onClick={() => avatarInputRef.current?.click()}
-              disabled={avatarActionLoading}
-              aria-label={t('Ajouter une photo')}
-              title={t('Ajouter une photo')}
-            >
-              <ImagePlus size={22} strokeWidth={1.8} aria-hidden="true" />
-            </button>
-          ) : (
-            <div className="pc-photo">
-              {person.photo
-                ? <img src={person.photo} alt={fullNameLabel(person)} onLoad={(event) => setPhotoSize({ w: event.currentTarget.naturalWidth, h: event.currentTarget.naturalHeight })} style={photoStyle} />
-                : <span className="pc-photo-initials">{initials}</span>}
-            </div>
-          )}
+          {/* Hors modification, le portrait se regarde : la photo s'ajoute ou se change en mode modification */}
+          <div className="pc-photo">
+            {person.photo
+              ? <img src={person.photo} alt={fullNameLabel(person)} onLoad={(event) => setPhotoSize({ w: event.currentTarget.naturalWidth, h: event.currentTarget.naturalHeight })} style={photoStyle} />
+              : <span className="pc-photo-initials">{initials}</span>}
+          </div>
           {editMode && onAvatarUpload && (
             <button
               ref={sourceBtnRef}
diff --git a/frontend/src/components/navbar/ContextualNavbar.css b/frontend/src/components/navbar/ContextualNavbar.css
index 74ab50d..0ada159 100644
--- a/frontend/src/components/navbar/ContextualNavbar.css
+++ b/frontend/src/components/navbar/ContextualNavbar.css
@@ -89,7 +89,10 @@
   user-select: none;
 }
 
+/* Posée sur le rond : en cellule de grille, height: 100% suivait la hauteur naturelle de la photo (ovale) */
 .nav-avatar-photo {
+  position: absolute;
+  inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;