Utiliser des icones en svg si possible, suite

pull/7/head
Cerdic 2 years ago
parent f05bc31009
commit 6ee3e697cd

@ -48,12 +48,15 @@
}
.formulaire_spip ul.menus_entrees .actions button{
border:none;
padding:0;
border-width:1px;
border-style: solid;
padding:0.25em;
margin:0;
cursor:pointer;
width:2em;
height:2em;
}
.formulaire_spip ul.menus_entrees img{
vertical-align:middle;
}

@ -26,21 +26,21 @@
]]
<//B_sous_menu_test>
[(#GET{supprimer_seulement}|=={non}|oui)
<button type="submit" name="modifier_entree" value="#ID_MENUS_ENTREE" title="<:menus:editer_menus_entrees_editer:>">
[<img height="24" width="24" src="(#CHEMIN{images/menus_action_modifier.png})" alt="" />]
<button type="submit" class="btn btn_secondaire" name="modifier_entree" value="#ID_MENUS_ENTREE" title="<:menus:editer_menus_entrees_editer:>">
[(#CHEMIN{images/menus_action_modifier-24.png}|balise_img)]
</button>]
<button type="submit" name="supprimer_entree" value="#ID_MENUS_ENTREE" title="<:menus:formulaire_supprimer_entree:>"
<button type="submit" class="btn btn_secondaire" name="supprimer_entree" value="#ID_MENUS_ENTREE" title="<:menus:formulaire_supprimer_entree:>"
onclick="return confirm('<:menus:confirmer_supprimer_entree:>')"
>
[<img height="24" width="24" src="(#CHEMIN{images/menus_action_supprimer.png})" alt="" />]
[(#CHEMIN{images/menus_action_supprimer-24.png}|balise_img)]
</button>
[(#GET{supprimer_seulement}|=={non}|oui)
<button type="submit" name="deplacer_entree" value="#ID_MENUS_ENTREE-bas" title="<:menus:formulaire_deplacer_bas:>">
[<img height="24" width="24" src="(#CHEMIN{images/menus_action_bas.png})" alt="" />]
<button type="submit" class="btn btn_secondaire" name="deplacer_entree" value="#ID_MENUS_ENTREE-bas" title="<:menus:formulaire_deplacer_bas:>">
[(#CHEMIN{images/menus_action_bas-24.png}|balise_img)]
</button>]
[(#GET{supprimer_seulement}|=={non}|oui)
<button type="submit" name="deplacer_entree" value="#ID_MENUS_ENTREE-haut" title="<:menus:formulaire_deplacer_haut:>">
[<img height="24" width="24" src="(#CHEMIN{images/menus_action_haut.png})" alt="" />]
<button type="submit" class="btn btn_secondaire" name="deplacer_entree" value="#ID_MENUS_ENTREE-haut" title="<:menus:formulaire_deplacer_haut:>">
[(#CHEMIN{images/menus_action_haut-24.png}|balise_img)]
</button>]
</div>
<div class="nettoyeur"></div>
@ -70,7 +70,7 @@
(#ENV{sous_menu}|?{<:menus:formulaire_supprimer_sous_menu:>,''})
</button>]
<button type="submit" class="submit" name="demander_nouvelle_entree" value="#ENV{id_menu}">
[<img src="(#CHEMIN{images/menus_action_ajouter.png})" alt="" />]
[(#CHEMIN{images/menus_action_ajouter-24.png}|balise_img)]
<:menus:texte_ajouter_menu_entree:>
</button>
</div>

Before

Width:  |  Height:  |  Size: 629 B

After

Width:  |  Height:  |  Size: 629 B

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="64" viewBox="0 0 64 64" width="64"><path d="M56.006 26.176c-.662-.663-1.467-.995-2.415-.995H38.818V10.41c0-.947-.331-1.752-.995-2.416C37.161 7.331 36.356 7 35.41 7h-6.817c-.947 0-1.752.332-2.414.994-.663.663-.995 1.468-.995 2.416V25.18H10.409c-.947 0-1.752.333-2.415.995C7.33 26.84 7 27.644 7 28.59v6.82c0 .946.331 1.75.994 2.414.663.662 1.467.994 2.415.994h14.773V53.59c0 .947.331 1.753.994 2.416.663.662 1.467.994 2.415.994h6.818c.948 0 1.752-.332 2.415-.994.663-.664.994-1.468.994-2.416V38.818h14.773c.948 0 1.753-.332 2.415-.994.663-.663.994-1.468.994-2.414v-6.82c0-.946-.33-1.751-.994-2.414z" fill="#4caf50"/></svg>

After

Width:  |  Height:  |  Size: 668 B

Before

Width:  |  Height:  |  Size: 942 B

After

Width:  |  Height:  |  Size: 942 B

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 124" width="64" height="64">
<path d="M3.7 28.4a14.7 14.7 0 00.8 20.3l47.3 47.4a14.4 14.4 0 0020.4 0l47.3-47.3a14.8 14.8 0 00.8-20.3 14.5 14.5 0 00-20.9-.5L69.1 58.3a10 10 0 01-14 0L24.6 28a14.5 14.5 0 00-21 .4z" fill="#666"/>
</svg>

After

Width:  |  Height:  |  Size: 293 B

Before

Width:  |  Height:  |  Size: 883 B

After

Width:  |  Height:  |  Size: 883 B

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 124" width="64" height="64">
<path d="M120.3 95.6a14.7 14.7 0 00-.8-20.3L72.2 27.9a14.4 14.4 0 00-20.4 0L4.5 75.2a14.8 14.8 0 00-.8 20.3 14.5 14.5 0 0020.9.5l30.3-30.3a10 10 0 0114 0L99.4 96a14.5 14.5 0 0021-.4z" fill="#666"/>
</svg>

After

Width:  |  Height:  |  Size: 293 B

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 179.5 179.5"><g stroke-width=".599"><path fill="#324a5e" d="M42.041 173.494L6.006 137.46l132.73-132.73a16.01 16.01 0 0 1 22.721 0l13.313 13.314a16.01 16.01 0 0 1 0 22.722z"/><path fill="#fc6f58" d="M174.77 40.765a16.01 16.01 0 0 0 0-22.722L161.457 4.73a16.01 16.01 0 0 0-22.722 0l-9.91 9.91 36.036 36.034z"/><path fill="#f1543f" d="M174.77 18.043l-7.107-7.107-21.32 21.32 18.518 18.519 9.91-9.91c6.306-6.406 6.306-16.616 0-22.822z"/><path fill="#2b3b4e" d="M23.298 154.826L146.1 32.024l18.615 18.615L41.913 173.441z"/><path fill="#ffdc8d" d="M6.006 137.459l36.035 36.035L0 179.5z"/><path fill="#ffd15d" d="M24.023 155.477L0 179.5l42.041-6.006z"/><path fill="#324a5e" d="M0 179.5l16.216-2.302-13.914-13.914z"/><path fill="#2b3b4e" d="M16.216 177.198l-6.907-7.007L0 179.5z"/></g></svg>

After

Width:  |  Height:  |  Size: 859 B

Before

Width:  |  Height:  |  Size: 360 B

After

Width:  |  Height:  |  Size: 360 B

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="64" viewBox="0 0 64 64" width="64"><path d="M54 45.41c0-.979-.349-1.817-1.048-2.516L42.058 32l10.894-10.895C53.651 20.406 54 19.568 54 18.59c0-.977-.35-1.815-1.048-2.513l-5.027-5.028c-.698-.698-1.536-1.047-2.514-1.047-.977 0-1.816.348-2.515 1.047L32.002 21.943 21.106 11.048C20.408 10.349 19.569 10 18.59 10c-.978 0-1.815.35-2.513 1.048l-5.03 5.029c-.698.698-1.046 1.535-1.047 2.513 0 .978.35 1.815 1.048 2.514L21.944 32 11.048 42.895C10.35 43.593 10 44.432 10 45.409c0 .978.35 1.815 1.048 2.514l5.029 5.029c.699.699 1.536 1.047 2.514 1.048.978 0 1.815-.35 2.514-1.048l10.896-10.896 10.895 10.895c.699.699 1.537 1.048 2.514 1.048.977 0 1.815-.35 2.513-1.047l5.03-5.03C53.65 47.224 54 46.387 54 45.41z" fill="#d85305"/></svg>

After

Width:  |  Height:  |  Size: 772 B

@ -1,7 +1,7 @@
<div class="cadre-formulaire-editer">
<div class="entete-formulaire">
[(#ENV{redirect,#URL_ECRIRE{menus}}|icone_verticale{<:retour:>,menus-24,'',left})]
[(#ENV{redirect,#URL_ECRIRE{menus}}|icone_verticale{<:retour:>,menu-24,'',left})]
<:menus:formulaire_modifier_menu:>
<h1>
<BOUCLE_menu(MENUS){id_menu=#VAL{id_menu}|_request}>

@ -3,7 +3,7 @@
<INCLURE{fond=prive/objets/liste/menus, id_menus_entree=0, env} />
[(#URL_ECRIRE{menu_edit}|parametre_url{new,oui}|icone_verticale{<:menus:editer_menus_nouveau:>,menus-24.png,new,right})]
[(#URL_ECRIRE{menu_edit}|parametre_url{new,oui}|icone_verticale{<:menus:editer_menus_nouveau:>,menu-24.png,new,right})]
<div class="nettoyeur"></div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 878 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Loading…
Cancel
Save