|
|
@@ -3557,3 +3557,49 @@ Que préférez‑vous :
|
|
|
|
|
|
---
|
|
|
|
|
|
+_**User (2025-10-12 21:18Z)**_
|
|
|
+
|
|
|
+Il y a un léger décalage entre les hexagones ? Peux-tu corriger ça et mettre un backgrounf gris clair ?
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+_**Assistant (copilot/gpt-5)**_
|
|
|
+
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+```
|
|
|
+Je m’en occupe tout de suite: je supprime la petite “respiration” entre hexagones (due au scale et aux sous-pixels) et j’applique un fond gris clair à la zone de carte.
|
|
|
+
|
|
|
+Ce que j’ai corrigé:
|
|
|
+- Fond gris clair: `map-canvas-container` passe à `#f2f3f5`.
|
|
|
+- Plus de scale au survol/sélection:
|
|
|
+ - CSS: suppression de l’effet `transform: scale(...)` à l’hover.
|
|
|
+ - JS: retiré les `transform` dans les listeners mouseenter/mouseleave et sur la sélection pour éviter tout décalage.
|
|
|
+- Anti-gaps précis:
|
|
|
+ - Arrondi des positions au pixel entier.
|
|
|
+ - Légère expansion de la box de l’hexagone à 0.8 px pour compenser l’anti‑aliasing et supprimer les micro‑espaces visibles, sans créer de chevauchement perceptible.
|
|
|
+
|
|
|
+Impact:
|
|
|
+- Les hexagones restent parfaitement “collés” visuellement.
|
|
|
+- Le hover garde une coloration (sans scale), donc pas de tremblement/décalage.
|
|
|
+- Le fond derrière la grille est maintenant gris clair.
|
|
|
+
|
|
|
+Dites-moi si vous préférez:
|
|
|
+- réduire l’expansion à 0.6/0.4 si vous voyez un “trait” plus marqué,
|
|
|
+- ou remettre un tout petit scale (ex: 1.01) uniquement sur l’hexagone sélectionné, mais ça peut réintroduire un léger décalage visuel.
|
|
|
+
|
|
|
+---
|
|
|
+
|
Ynats