From f8a0826dfbdd15948beb796d0d1d6d66a5d4bb9b Mon Sep 17 00:00:00 2001 From: IliesAllali Date: Tue, 27 Oct 2026 19:35:49 +0100 Subject: [PATCH] =?UTF-8?q?Notification=20sur=20t=C3=A9l=C3=A9phone=20:=20?= =?UTF-8?q?d=C3=A9cal=C3=A9e=20seulement=20quand=20la=20r=C3=A9glette=20de?= =?UTF-8?q?=20zoom=20se=20voit=20(centr=C3=A9e=20sous=20un=20panneau=20ou?= =?UTF-8?q?=20une=20fiche)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- frontend/src/components/SettingsPanels.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/frontend/src/components/SettingsPanels.css b/frontend/src/components/SettingsPanels.css index 34ede7f..d35635f 100644 --- a/frontend/src/components/SettingsPanels.css +++ b/frontend/src/components/SettingsPanels.css @@ -294,8 +294,10 @@ .undo-toast-btn:focus-visible { outline: 2px solid var(--pz-bg); outline-offset: 2px; } @media (max-width: 768px) { .contrib-success-toast { bottom: 78px; padding: 11px 16px; border-radius: 16px; font-size: 13px; } } /* Sous 768 px, la réglette de zoom reste ouverte en bas à gauche (ZoomControl.css, de 8 à 60 px du bord) : - la notification commence après elle au lieu de passer dessus */ -@media (max-width: 768px) { .contrib-success-toast { left: 72px; right: 12px; width: auto; max-width: none; transform: none; } } + tant qu'elle se voit (ni panneau ni fiche par-dessus), la notification commence après elle au lieu de passer dessus */ +@media (max-width: 768px) { + body:not(:has(.pz-overlay, .person-card)) .contrib-success-toast { left: 72px; right: 12px; width: auto; max-width: none; transform: none; } +} @media (max-width: 560px) { .contrib-invite-link { flex-wrap: wrap; border-radius: var(--pz-r-m); padding: 10px; }