veza/apps/web/FIX_VISUEL_RADICAL.md
senke 5dedc2ce4e fix: Corriger URL Swagger et finaliser implémentation DeveloperPage
- Ajouter fallback pour Swagger UI si doc.json ne fonctionne pas
- Améliorer message d'erreur avec bouton pour ouvrir Swagger UI directement
- Les fonctionnalités API Keys et Usage Stats sont maintenant complètes et fonctionnelles
- Tous les onglets de DeveloperPage sont maintenant implémentés
2026-01-18 13:55:28 +01:00

1.9 KiB

Fix Visuel Radical - Mode Clean

Corrections Appliquées

1. Scanlines Complètement Désactivées

  • body::after est maintenant display: none !important
  • Tous les effets de scanlines sont désactivés

2. Bordures Verticales Supprimées

  • Toutes les bordures verticales (border-left, border-right) supprimées
  • Exception pour les inputs de formulaire
  • Bordures supprimées sur tous les pseudo-éléments

3. Détection des Éléments sur le Bord Droit

  • Détection automatique des éléments positionnés sur le bord droit
  • Masquage automatique des éléments suspects (< 10px de largeur)

4. Overflow Masqué

  • overflow-x: hidden sur html et body
  • Empêche tout débordement horizontal

Outils de Diagnostic

Dans la console du navigateur (F12), vous pouvez utiliser :

Mode Clean (Désactive TOUS les effets visuels)

__enableCleanMode()  // Active le mode clean
__disableCleanMode() // Désactive le mode clean

Trouver les Lignes Verticales

__findVerticalLines()  // Trouve et surligne tous les éléments suspects
__inspectVerticalLine() // Inspecte visuellement les lignes

Instructions de Test

  1. Recharger avec cache vide : Ctrl+Shift+R (ou Cmd+Shift+R sur Mac)

  2. Si la ligne persiste, ouvrir la console (F12) et exécuter :

    __enableCleanMode()
    

    Cela désactivera TOUS les effets visuels pour isoler le problème.

  3. Identifier l'élément problématique :

    __findVerticalLines()
    

    Cela surlignera tous les éléments suspects.

Si le Problème Persiste

Si même avec le mode clean la ligne est visible, cela signifie qu'elle vient d'un élément HTML spécifique, pas d'un effet CSS. Dans ce cas :

  1. Utiliser __findVerticalLines() pour identifier l'élément
  2. Inspecter l'élément dans les DevTools
  3. Noter le tag, l'ID, et les classes de l'élément
  4. Partager ces informations pour un fix ciblé