diff --git a/frontend/src/components/SettingsPanels.css b/frontend/src/components/SettingsPanels.css index d35635f..7afe13b 100644 --- a/frontend/src/components/SettingsPanels.css +++ b/frontend/src/components/SettingsPanels.css @@ -293,11 +293,6 @@ .undo-toast-btn:hover { background: color-mix(in srgb, var(--pz-bg) 26%, transparent); } .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) : - 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; } diff --git a/frontend/src/components/ZoomControl.css b/frontend/src/components/ZoomControl.css index 8d03433..f136884 100644 --- a/frontend/src/components/ZoomControl.css +++ b/frontend/src/components/ZoomControl.css @@ -185,16 +185,4 @@ width: 44px; height: 44px; } - - /* Slider toujours visible sur mobile */ - .zoom-slider-panel.visible { - max-height: 240px; - opacity: 1; - transform: translateX(-50%) translateY(0) scale(1); - pointer-events: auto; - } - - .zoom-slider-track { - cursor: pointer; - } } diff --git a/frontend/src/components/ZoomControl.jsx b/frontend/src/components/ZoomControl.jsx index ad81326..9ffb449 100644 --- a/frontend/src/components/ZoomControl.jsx +++ b/frontend/src/components/ZoomControl.jsx @@ -104,7 +104,8 @@ export default function ZoomControl({ zoomApiRef }) { document.addEventListener('pointerup', onUp) }, [zoomApiRef]) - const panelVisible = isHovered || isMobile + // Sur téléphone, on zoome à deux doigts : la réglette n'apparaît jamais, la loupe seule reste + const panelVisible = isHovered && !isMobile return (