Browse Source

L'icone "loupe" du moteur de recherche dans la couleur de la nav (marcimat)

pull/3/head
nicolas.dorigny@gmail.com 4 years ago
parent
commit
1bd0ce3c75
  1. 2
      formulaires/recherche.html
  2. 6
      scss/blocs/_header.scss

2
formulaires/recherche.html

@ -5,7 +5,7 @@
<label for="#ENV{_id_champ}" class="visuallyhidden">
<:info_rechercher_02:>
</label>
<img class="icone-svg" src="#CHEMIN{images/icone-loupe.svg}" alt="" width="16" height="16">
[(#CHEMIN{images/icone-loupe.svg}|file_get_contents|replace{'<svg ','<svg height="16" '})]
<div class="search">
<input type="search" placeholder="<:info_rechercher:>" name="recherche" id="#ENV{_id_champ}" [ value="(#ENV{recherche})" ] accesskey="4" autocapitalize="off" autocorrect="off"/>
</div>

6
scss/blocs/_header.scss

@ -116,13 +116,17 @@
position: relative;
width: 100%;
}
.icone-svg {
svg {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: em(12px);
width: em(12px);
height: em(12px);
* {
stroke: $couleur-nav;
}
}
div.search {
width: 100%;

Loading…
Cancel
Save