Liste avatar differenti

[zetareticoli]

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

• Ho verificato e non esiste

Versione della libreria

latest

Cosa

Nel corso del lavoro che stiamo svolgendo su #1310 , mi sono reso conto che proponiamo liste di avatar con markup differenti:

Lista prevista dal componente avatar

<div class="link-list-wrapper">
  <ul class="link-list avatar-group">
    <li>
      <a class="list-item" href="#">
        <div class="avatar size-sm"><img src="https://randomuser.me/api/portraits/men/43.jpg" alt="" aria-hidden="true">
        </div>
        <span>Mario Rossi</span>
      </a>
    </li>
    ...
  </ul>
</div>

Vai alla scheda

Lista prevista dal componente lista

<div class="it-list-wrapper">
  <ul class="it-list">
    <li>
      <div class="list-item">
        <div class="avatar size-lg">
          <img src="https://randomuser.me/api/portraits/women/41.jpg" alt="Anna Barbieri">
        </div>
        <div class="it-right-zone">
          <span class="text">Testo</span>
        </div>
      </div>
    </li>
  </ul>
</div>

Vai alla scheda

---

Sarebbe opportuno "sganciare" ogni dipendenza hard coded nel file _avatar.scss con solo alcune tipologie di liste.

Perché

Considerato che abbiamo varie tipologie di liste, il componente avatar dovrebbe poter essere inserito dentro ogni tipologia, senza che lo stile CSS vada in conflitto.

Contesto

No response

Altro

No response