Added cleanall button on search
authorRemixDev <deezloaderremix@gmail.com>
Mon, 6 May 2019 13:10:45 +0000 (15:10 +0200)
committerRemixDev <deezloaderremix@gmail.com>
Mon, 6 May 2019 13:10:45 +0000 (15:10 +0200)
app/public/css/style.css
app/public/img/cancel.svg [new file with mode: 0644]
app/public/index.html

index 08471e944ad0e2dccbc9755e1b778f4846ccfc86..c93ad87b183b4688c971a2dd896473c6a34645b6 100644 (file)
@@ -396,3 +396,12 @@ a[href^="ftp://"] {
        cursor:pointer;
        text-decoration: underline;
 }
+
+input[type=search]::-webkit-search-cancel-button {
+       -webkit-appearance: none;
+       height: 18px;
+       width: 18px;
+       background: #AAAAAA;
+       -webkit-mask-image: url("../img/cancel.svg");
+  mask-image: url("../img/cancel.svg");
+}
diff --git a/app/public/img/cancel.svg b/app/public/img/cancel.svg
new file mode 100644 (file)
index 0000000..d70ed52
--- /dev/null
@@ -0,0 +1,18 @@
+<?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"
+   xml:space="preserve"
+   style="enable-background:new 0 0 27.965 27.965;"
+   viewBox="0 0 27.965 27.965"
+   y="0px"
+   x="0px"
+   id="Capa_1"
+   version="1.1">
+<path
+   id="path861"
+   d="M 13.980469 0 C 6.2594687 0 -2.3684758e-15 6.2604219 0 13.982422 C 0 21.703422 6.2594688 27.964844 13.980469 27.964844 C 21.705469 27.964844 27.964844 21.702422 27.964844 13.982422 C 27.964844 6.2604219 21.705469 -2.3684758e-15 13.980469 0 z M 9.6523438 7.1074219 C 9.6523438 7.1074219 13.715455 11.433594 13.978516 11.433594 C 14.243865 11.433594 18.308594 7.1074219 18.308594 7.1074219 L 20.855469 9.6582031 C 20.855469 9.6582031 16.527344 13.686332 16.527344 13.988281 C 16.527344 14.275359 20.855469 18.3125 20.855469 18.3125 L 18.308594 20.857422 C 18.308594 20.857422 14.279321 16.533203 13.978516 16.533203 C 13.682286 16.533203 9.6523438 20.857422 9.6523438 20.857422 L 7.1035156 18.3125 C 7.1035156 18.3125 11.431641 14.341697 11.431641 13.988281 C 11.431641 13.629145 7.1035156 9.6582031 7.1035156 9.6582031 L 9.6523438 7.1074219 z " />
+</svg>
index 4816ed1ed727483e39e2577e1745a2d638f384ea..a5cac9cce393074cd6af9b3a334040d0d43716d4 100644 (file)
     <div id="tab_search">
       <form id="tab_search_form_search">
         <div class="inline-input-group col s12">
-          <input autocomplete="off" id="tab_search_form_search_input_searchString" type="text" class="input" placeholder="Start searching ...">
-          <button class="btn btn-input btn-flat deezloader-primary white-text"><i class="material-icons">search</i></button>
+          <input autocomplete="off" id="tab_search_form_search_input_searchString" type="search" class="input" placeholder="Start searching ...">
+                                       <button class="btn btn-input btn-flat deezloader-primary white-text"><i class="material-icons">search</i></button>
         </div>
         <div class="row center">
           <p class="col s3">