search

aloisdg / pointmedian

https://aloisdg.github.io/pointmedian/
GNU Affero General Public License v3.0
3 stars 8 forks source link

Ajouter une icône dans le bouton "Copier" #4

Closed aloisdg closed 1 year ago

aloisdg commented 1 year ago

Est-ce que le bouton "Copier" devrait avoir un contenu composé d'un texte uniquement ou d'une icône et d'un texte ? Quel est le mieux d'un point de vue design ?

Polibous commented 1 year ago

Tu peux utiliser l'icône copier de fontawesome - > https://fontawesome.com/v5/icons/copy?s=solid&f=classic

aloisdg commented 1 year ago

ah oui cool! Voilà ce que ça donnerait:

image

et le code:

<button type="button" id="copy" style="display: flex;justify-content: center;gap: 6px;">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="15"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="white" d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"></path></svg>
  <span>Copier le résultat</span></button>

Je valide :)

MCorentin17 commented 1 year ago

Bonjour,

Est-ce que je peux m'occuper d'ajouter cette feature ?

Merci

aloisdg commented 1 year ago

Yes !