Contexte
La popup de l'extension affiche la liste des domaines autorisés (liste blanche) via des éléments de liste (<li>) contenant un libellé (<span>) et un bouton de suppression.
Problème
Lorsqu'un domaine avec un nom très long ou de nombreux sous-domaines est ajouté à la liste, le texte déborde du conteneur parent. Cela pousse le bouton "Supprimer" hors de la zone visible de la popup, rendant la suppression du domaine impossible sans redimensionner manuellement l'interface.
Scénario de Reproduction
- Naviguer sur un site avec un domaine long (ex:
un-tres-long-sous-domaine.exemple-de-site-web-tres-long.com).
- Ouvrir la popup TruePath.
- Cliquer sur "Ajouter le domaine courant".
- Observer l'affichage dans la liste en bas de la popup.
Comportement Attendu
Le texte du domaine doit être tronqué avec des points de suspension s'il dépasse l'espace disponible, et le bouton "Supprimer" doit rester ancré et visible à droite de l'élément.
Pistes Techniques
Fichier concerné : popup.css.
Appliquer les propriétés suivantes sur le span contenant le nom de domaine :
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
Ajuster la propriété flex de l'élément li pour garantir que le bouton conserve sa largeur fixe.
Environnement
Firefox 115+ (Tous les OS)
Contexte
La popup de l'extension affiche la liste des domaines autorisés (liste blanche) via des éléments de liste (
<li>) contenant un libellé (<span>) et un bouton de suppression.Problème
Lorsqu'un domaine avec un nom très long ou de nombreux sous-domaines est ajouté à la liste, le texte déborde du conteneur parent. Cela pousse le bouton "Supprimer" hors de la zone visible de la popup, rendant la suppression du domaine impossible sans redimensionner manuellement l'interface.
Scénario de Reproduction
un-tres-long-sous-domaine.exemple-de-site-web-tres-long.com).Comportement Attendu
Le texte du domaine doit être tronqué avec des points de suspension s'il dépasse l'espace disponible, et le bouton "Supprimer" doit rester ancré et visible à droite de l'élément.
Pistes Techniques
Fichier concerné :
popup.css.Appliquer les propriétés suivantes sur le
spancontenant le nom de domaine :Ajuster la propriété
flexde l'élémentlipour garantir que le bouton conserve sa largeur fixe.Environnement
Firefox 115+ (Tous les OS)