icone bootstrap italia
Buongiorno,
all'interno del progetto che sto facendo ho creato un mio nuovo tema.
Sono partito dal tema bootstrap-barrio, copiando il suo contenuto in nua nuova cartella all'interno della cartella themes di drupal8, e lo sto personalizzando.
Il tema usa bootstrap-italia... però quello che non riesco a fare ora è di usare le icone di bootstrap nel seguente modo:
<ul class="list-inline text-left social">
<li class="list-inline-item">
<a class="p-2 text-white" href="#" target="_blank">
<svg class="icon icon-sm icon-white align-top">
<use
xlink:href="dist/svg/sprite.svg#it-twitter"
></use>
</svg>
<span class="sr-only">Designers Italia</span></a
>
</li>
</ul>
Sotto la cartella themes di drupal, ho la cartella del mio tema e poi le sotto cartelle dist/svg
e qui ho copiato il file sprite,svg delle icone.
Però richiamandole non me le vede sulla pagina web come mai?
Risposte
Potrebbe essere un path non
Potrebbe essere un path non corretto verso la svg?
Se riscontri problemi con elementi di questo tema forse trovi maggiore supporto nelle issue del repository https://github.com/italia/bootstrap-italia
E' come se il tema non avesse
E' come se il tema non avesse caricato il file dist/svg/sprite.svg
Come lo devo aggiungere al file libraries.yml del tema o ad un pagina twig?
Probabilmente il path verso
Probabilmente il path verso la svg non è corretto.
Prova a modificare
xlink:href="dist/svg/sprite.svg#it-twitter"
in un path che possa raggiungere la svg. Tipo
xlink:href="/themes/[nomedeltema]/dist/svg/sprite.svg#it-twitter"
controllando che il path completo porti effettivamente all'immagine
http://tuosito.it/themes/[nomedeltema]/dist/svg/sprite.svg
è sicuramente il path a
è sicuramente il path a sprite.svg.
Inizialmente ho risolto con una macro: https://git.drupalcode.org/project/bootstrap_italia/-/blob/release/templ... ma successivamente sono passato a fare un componente che è più flessibile https://git.drupalcode.org/project/bootstrap_italia/-/blob/release/src/c...
Spero ti possano essere utili