feat(vues): bouton « Copier le lien » + lien de partage en texte stylé (#112)
- Bouton de copie explicite (icône copy.svg + « Copier le lien » + retour « ✓ Copié ») sur /tableau et /compte/vues, via dcc.Clipboard (children / copied_children), à la place de l'icône seule. - Le lien direct s'affiche en texte (span#share-url-text) plutôt qu'un <input> : évite la troncature d'affichage du champ Bootstrap form-control en flex (zone de texte bloquée ~218px), montre tout le lien avec retour à la ligne, et prend la largeur du lien. Stylé comme un champ (bordure, coins arrondis, texte 90%). - Instructions /compte/vues simplifiées ; E2E adapté (#share-url-text).
This commit is contained in:
@@ -1095,3 +1095,13 @@ input[type="number"] {
|
||||
background-color: var(--bs-primary-bg-subtle);
|
||||
border-color: var(--bs-primary);
|
||||
}
|
||||
|
||||
/* Lien de partage affiché en texte (span) mais stylé comme un champ :
|
||||
bordure gris clair, coins arrondis, texte légèrement plus petit. */
|
||||
.share-url-text {
|
||||
font-size: 90%;
|
||||
padding: 0.2rem 0.5rem;
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: var(--bs-border-radius);
|
||||
background-color: var(--bs-body-bg);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user