Amélioration rendu de la recherche

Icône dans la zone de saisie pour plus de clarté

styles/img/ui/icon-search.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="icon-search.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1721"
+     inkscape:window-height="1376"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="1.7568812"
+     inkscape:cx="256"
+     inkscape:cy="256"
+     inkscape:window-x="971"
+     inkscape:window-y="275"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->
+  <path
+     d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
+     id="path2"
+     style="fill:#000000;fill-opacity:0.1" />
+</svg>

styles/simple.css

@@ -787,6 +787,10 @@ ul, li {
   margin: 0;
   padding: 0;
 }
+.sheet input.recherche {
+  background: url("img/ui/icon-search.svg") no-repeat right;
+  background-size: 1rem;
+}
 
 .alterne-list > .list-item:hover {
   background: rgba(100, 100, 50, 0.25);

templates/actor-sheet.html

@@ -60,9 +60,8 @@
               {{#if options.showCompNiveauBase}}Montrer tout{{else}}Filtrer{{/if}}</a>
             </span>
             <span class="flexrow">
-              <i class="fas fa-search flex-shrink"></i>
               <input class="recherche flex-grow" type="text" value="{{options.recherche.text}}" name="recherche" 
-              size="8" data-dtype="String" placeholder="chercher"/>
+              size="8" data-dtype="String" placeholder=""/>
             </span>
             <span>
             </span>