@zevra/ui 0.36.0 → 0.37.0

package/src/feedback.css

@@ -709,12 +709,37 @@
     min-width: 0;
   }
 
-  /* Même garde-fou que le menu et le popover : plafonnée à l'écran, la
-   * bulle ne pousse jamais la page en défilement horizontal. Le centrage
-   * sur une cible collée au bord peut encore la décaler : limite connue,
-   * une variante d'ancrage latéral s'arbitrera si le cas se présente. */
+  /* ⚠️ LA BULLE CESSE DE FLOTTER : elle se pose en bas de l'écran, pleine
+   * largeur. Le centrage sur une cible proche du bord droit la poussait
+   * hors de l'écran. Mesuré sur le tableau de bord de mcp-factory à 375px :
+   * document large de 416, défilement horizontal sur toute la page. Ce
+   * n'était pas la largeur qui débordait mais la POSITION, et le plafond en
+   * `100vw` n'y pouvait donc rien.
+   *
+   * Ancrée à l'écran, la bulle ne peut plus déborder quelle que soit la
+   * place de sa cible, et c'est le seul endroit où elle reste lisible sur
+   * 320px sans se replier en cinq lignes au-dessus d'un bouton.
+   *
+   * Écarté : la variante d'ancrage latéral que le commentaire précédent
+   * envisageait. Elle aurait obligé chaque app à choisir le bon côté pour
+   * chaque bulle (quarante et une sur ce seul tableau de bord) et à le
+   * refaire à chaque déplacement d'un bouton.
+   *
+   * `inset` remet `top` et `left` à `auto` : sans quoi le `left: 50%` et le
+   * `bottom: calc(100% + 6px)` de la règle de base subsisteraient. */
   .zv-tooltip {
-    max-width: calc(100vw - 40px);
+    position: fixed;
+    inset: auto 16px 16px;
+    transform: none;
+    translate: none;
+    width: auto;
+    max-width: none;
+  }
+
+  /* La variante « sous la cible » n'a plus de sens une fois la bulle posée
+   * en bas : elle rouvrirait le `top` que l'ancrage vient de neutraliser. */
+  .zv-tooltip--bas {
+    top: auto;
   }
 
   /* ⚠️ NON RELEVÉ : aucune variante `lg:` sur le padding de l'écran vide.