Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

Re: Mdl 3.2 > Block RSS & HTML > Titre > Balise HTML

par Stephan Sengupta,
Nombre de réponses : 0

Salut Patrick,

Merci pour l'astuce. J'ai regardé ça à la loupe.

Je partage mes conclusions :

Ta proposition passe par l'ajout en CSS d'un pseudo élément sur l'id yui de l'objet. Mais l'id yui de l'objet peut changer.

De plus cela présuppose que Font Awesome est intégré/installé. Mais dans mon cas de figure , j'utilise Font Awesome CDN en ajoutant simplement un script dans le HEAD. Ce qui charge les fonts depuis le serveur de Font Awesome et m'impose d'invoquer l’icône de cette manière :

<i class="fa fa-sitemap" aria-hidden="true"></i>
Mais, j'ai trouvé comment "feinter" le dock. Je partage ici mon astuce.

Prenons l'exemple du Bloc "Administration".

1. je modifie le "pluginname" administration dans le paquetage de langue comme suit :
<span class="hk_html_blockicon">&lt;i class="fa fa-cogs" aria-hidden="true"&gt;&lt/i&gt;</span>
<i class="fa fa-cogs" aria-hidden="true"></i>
<span class="hk_html_blockname">&lt;span class="hk_html_blockname&gt;</span>
   <span class="hk_blockname">&nbsp;Administration</span>
<span class="hk_html_blockname">&lt;/span&gt;</span>
2. je modifie la CSS comme suit :
.dockeditempanel_bd {
   width: 100%;
}
.hk_html_blockicon,
.hk_html_blockname {
   display: none;
}

Et voici le résultat :


Le reste n'est plus que de la mise en forme.

Cordialement,
Stephan
Moyenne des évaluations Utile (1)