- 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
1.9 KiB
1.9 KiB
Fix Visuel Radical - Mode Clean
Corrections Appliquées
1. Scanlines Complètement Désactivées
body::afterest maintenantdisplay: 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: hiddensurhtmletbody- 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
-
Recharger avec cache vide :
Ctrl+Shift+R(ouCmd+Shift+Rsur Mac) -
Si la ligne persiste, ouvrir la console (F12) et exécuter :
__enableCleanMode()Cela désactivera TOUS les effets visuels pour isoler le problème.
-
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 :
- Utiliser
__findVerticalLines()pour identifier l'élément - Inspecter l'élément dans les DevTools
- Noter le tag, l'ID, et les classes de l'élément
- Partager ces informations pour un fix ciblé