From 8f11d41a42f9f6e4a28baeadb93c07f6268dd0fb Mon Sep 17 00:00:00 2001 From: louispaulb Date: Sat, 4 Jul 2026 18:50:42 -0400 Subject: [PATCH] =?UTF-8?q?feat(ui):=20T3=20audit=20=E2=80=94=20anti-d?= =?UTF-8?q?=C3=A9bordement=20mobile=20app-wide=20(bornes=20app.scss=20@<60?= =?UTF-8?q?0px)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Champs à largeur fixe inline (style="width:NNNpx") bornés à max-width:100% (jamais étirés de force) ; q-menu .q-list borné ; boutons icône denses ≥32px (cible tactile) ; utilitaires opt-in .ops-row-wrap / .ops-clamp. (Dialogues + menus déjà couverts par audit #1.) Vérifié à 375px : fiche/Tickets/Rapports/Sous-traitants ≈0 débordement horizontal, aucune casse visuelle. NOTE : Network reste large (structurel — carte cytoscape/arbre GPON → traité par-page en T7). Co-Authored-By: Claude Opus 4.8 --- apps/ops/src/css/app.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/apps/ops/src/css/app.scss b/apps/ops/src/css/app.scss index 5edfff1..7a1440c 100644 --- a/apps/ops/src/css/app.scss +++ b/apps/ops/src/css/app.scss @@ -250,6 +250,15 @@ body { softphone (PhoneModal) + panneau d'affectation (Planification). */ .phone-modal { width: auto !important; left: 12px !important; right: 12px !important; max-width: calc(100vw - 24px) !important; } .assign-panel { max-width: calc(100vw - 20px) !important; } + /* T3 audit 2026-07-04 — anti-débordement app-wide (BORNES seulement, jamais d'étirement forcé) : + champs à largeur fixe inline (style="width:NNNpx" : recherches, dates, nombres) bornés à l'espace dispo. */ + .q-field[style*="width"] { max-width: 100% !important; } + .q-menu .q-list { max-width: 100% !important; } + /* Cibles tactiles : boutons icône denses ≥ 32px (confort au doigt). */ + .q-btn--round.q-btn--dense { min-height: 32px; min-width: 32px; } + /* Utilitaires opt-in pour rangées/en-têtes denses : wrap + troncature 1 ligne sur mobile (à poser au cas par cas). */ + .ops-row-wrap { flex-wrap: wrap !important; } + .ops-clamp { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } } /* ──────────────────────────────────────────────────────────────────────────