Use data-tags instead of hidden div

twbs · May 27, 2020 · 7fac0cd · 7fac0cd
1 parent 857f1fd
commit 7fac0cd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/docs/layouts/partials/icons.html b/docs/layouts/partials/icons.html
@@ -13,17 +13,14 @@ <h2 id="icons" class="mb-0">Icons</h2>
       {{- $filenameWithExt := split .Name "." -}}
       {{- $filename := index $filenameWithExt 0 -}}
       {{- $name := humanize $filename -}}
-      <li class="col mb-4">
+      <li class="col mb-4" data-tags="{{ with $.Site.GetPage "icons" $filename }}{{ with .Params.tags }}{{ delimit . " " }}{{ end }}{{ end }}">
         <a class="d-block text-dark text-decoration-none" href="/icons/{{ $filename }}/">
           <div class="p-3 py-4 mb-2 bg-light text-center rounded">
             {{ readFile (printf "%s/%s" $dirName .Name) | chomp | safeHTML }}
           </div>
           <div class="name text-muted text-decoration-none text-center pt-1">
             {{ $name }}
           </div>
-          <div class="tags d-none">
-            {{ with $.Site.GetPage "icons" $filename }}{{ with .Params.tags }}{{ delimit . " " }}{{ end }}{{ end }}
-          </div>
         </a>
       </li>
     {{ end -}}

diff --git a/docs/layouts/partials/scripts.html b/docs/layouts/partials/scripts.html
@@ -1,6 +1,6 @@
 <script src="/assets/js/list.min.js"></script>
 <script>
   new List('icons-body', {
-    valueNames: ['name', 'tags']
+    valueNames: ['name', { data: ['tags'] }]
   });
 </script>