Transformer le bouton pour copier un point median en text + bouton

[aloisdg]

Example du site emojipedia:

<form class="stacked no-top copy-paste">
<label>
<span class="copy-paste__label">Copy and paste this emoji:</span>
<input type="text" value="🏳️‍⚧️" readonly="" class="emoji-copy copy-paste__data" id="emoji-copy">
<button type="button" class="btn-clipboard copy-paste__btn" data-clipboard-target="#emoji-copy" style="width:auto;display:inline-block">Copy</button>
</label>
</form>

dans notre cas je pense qu'on peut partir sur un truc de ce genre:

<form>
  <label style="display: flex; align-items:center; gap: 6px;">
    <span>Copier uniquement le point médian&nbsp;:</span>
    <textarea cols="1" rows="1" readonly="" style="resize: none; text-align: center;">·</textarea>
    <button type="button" id="copyPoint">copier</button>
  </label>
</form>

et aller de

vers

Faudra aussi penser à supprimer ce morceau de CSS du coup grâce à gap:

#copyPoint {
    margin-left: 6px;
}

Un avis?

[Polibous]

Bonne idée, cependant le point (picto) n'est pas très visible, il faudrait agrandir le point.

[aloisdg]

@Polibous je fais une nouvelle issue pour ce point (pun intended)

[MSalmazo]

J'aimerais bien faire celui-ci svp.

[aloisdg]

@MSalmazo Yes carrément ! :+1:

[aloisdg]

@MSalmazo hésite pas à me dire si tu as besoin d'un coup de main :)