@zevra/ui 0.33.0 → 0.35.0

package/react/glyph-data.ts

@@ -45,3 +45,13 @@ export const ACCROCHES_PRODUITS: Record<GlypheId, string> = {
   'supernovia': "Contenu sourcé",
   'zevra': "La suite",
 }
+
+/** L'adresse des produits EN LIGNE. Partielle À DESSEIN : un produit qui n'a
+ *  rien à ouvrir n'entre pas dans le lanceur. */
+export const ADRESSES_PRODUITS: Partial<Record<GlypheId, string>> = {
+  'campus': "https://campus.zevra.tech/",
+  'lexform': "https://lexform.zevra.tech/",
+  'mcp': "https://mcp.zevra.tech/",
+  'memoire': "https://memoire.zevra.tech/",
+  'zevra': "https://zevra.tech/",
+}

package/react/glyphes.ts

@@ -16,6 +16,7 @@
 
 import {
   ACCROCHES_PRODUITS,
+  ADRESSES_PRODUITS,
   GLYPHES,
   MOT_ZEVRA,
   NOMS_PRODUITS,
@@ -23,7 +24,21 @@ import {
 } from './glyph-data.js'
 
 export type { GlypheId }
-export { ACCROCHES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS }
+export { ACCROCHES_PRODUITS, ADRESSES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS }
 
 /** Les sept identifiants, triés. */
 export const PRODUITS = Object.keys(GLYPHES) as GlypheId[]
+
+/**
+ * Les produits À METTRE DANS LE LANCEUR — ceux qui ont une adresse.
+ *
+ * ⚠️ CE N'EST PAS `PRODUITS`, et l'écart est le sujet. Plume et Supernovia
+ * ont leur glyphe depuis le 26/08 et rien à ouvrir : une tuile qui mène à
+ * rien est pire qu'une absence — elle promet un produit, le visiteur clique,
+ * et il tombe. Le lanceur se construit sur CETTE liste.
+ *
+ * Elle se déduit du registre, elle n'est pas recopiée : le jour où Plume
+ * ouvre, une ligne dans `logos/index.json` la fait apparaître dans les sept
+ * apps sans qu'aucune ne soit touchée.
+ */
+export const APPS = PRODUITS.filter((id) => ADRESSES_PRODUITS[id])

package/src/navigation.css

@@ -1199,6 +1199,19 @@ a.zv-menu__item:hover {
   padding: 6px 8px 10px;
 }
 
+/* ⚠️ CINQ tuiles — le compte du jour, depuis que le lanceur ne liste que les
+ * produits joignables. Dans quatre colonnes, elles donnent 4 + 1 : une
+ * dernière rangée d'UNE tuile avec trois cases vides à sa droite, exactement
+ * ce que le passage à quatre colonnes avait servi à supprimer pour sept.
+ *
+ * La règle ne vise QUE ce compte, et se désarme d'elle-même : à six on
+ * retombe sur 4 + 2, à sept sur 4 + 3, et la grille reprend ses quatre
+ * colonnes sans que personne y touche. Le jour où Plume ouvre, il n'y a rien
+ * à corriger ici. */
+.zv-lanceur__apps:has(> :nth-child(5):last-child) {
+  grid-template-columns: repeat(3, 104px);
+}
+
 .zv-lanceur__app {
   display: flex;
   flex-direction: column;
@@ -1346,9 +1359,40 @@ a.zv-menu__item:hover {
     display: none;
   }
 
-  /* Les deux panneaux sont plafonnés à l'écran, comme le menu et le
-   * popover : au bord droit d'un téléphone, un panneau de 300px pousserait
-   * la page en défilement horizontal. */
+  /* ⚠️ ANCRÉS À L'ÉCRAN, plus à leur déclencheur. Hors média ils sont en
+   * `right: 0`, donc calés sur le bord droit du BOUTON — or le lanceur n'est
+   * pas au bord de l'écran : le compte et le burger le suivent. Le panneau
+   * avait donc la bonne largeur et la mauvaise place. Mesuré à 375px sur
+   * mcp-factory : largeur 343, bord gauche à −65 ; deux tuiles sur cinq
+   * coupées, et la partie hors écran inatteignable.
+   *
+   * Et c'est SILENCIEUX : un débordement par la gauche n'engendre aucun
+   * défilement horizontal, le navigateur le rogne sans rien dire.
+   *
+   * COMMENT : le déclencheur cesse d'être le repère (`position: static`), et
+   * le panneau se résout alors contre `.zv-nav`, qui est déjà positionnée et
+   * qui fait la largeur de la barre. `top: 100%` tombe donc sous la barre, et
+   * `left`/`right` la bordent. Largeur pleine, marges de 16 : le motif que
+   * tout le monde connaît sur téléphone, et qui ne dépend plus de ce qui est
+   * posé à droite du déclencheur.
+   *
+   * ⚠️ Poser `left`/`right` SANS neutraliser le `relative` du déclencheur ne
+   * marche pas — je l'ai écrit ainsi d'abord : les offsets se résolvaient
+   * contre le bouton, large de 40px, et le panneau tombait à 8px de large.
+   * C'est scopé à `.zv-nav` : un lanceur posé ailleurs garde son ancrage. */
+  .zv-nav .zv-lanceur,
+  .zv-nav .zv-compte {
+    position: static;
+  }
+
+  .zv-nav .zv-lanceur__panneau,
+  .zv-nav .zv-compte__panneau {
+    left: 16px;
+    right: 16px;
+  }
+
+  /* Le plafond devient redondant pour ces deux-là — il ne coûte rien et
+   * protège un panneau qu'on poserait ailleurs. */
   .zv-lanceur__panneau .zv-menu,
   .zv-compte__panneau .zv-menu {
     max-width: calc(100vw - 32px);