fix: suppression des options sur tags et archives

components/sidebar/archives.php

@@ -1,9 +1,8 @@
 <div class="card card-primary">
   <div class="card-header"><i class="fa fa-folder" aria-hidden="true"></i> Archives</div>
   <div class="card-body">
-    <select class="card-select" name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'>
-      <option value=""><?php echo attribute_escape(__('Selection d\'une année…')); ?></option>
-      <?php wp_get_archives('type=yearly&format=option&show_post_count=1'); ?>
-    </select>
+    <ul class="tag-list">
+      <?php wp_get_archives('type=yearly&format=html&show_post_count=0'); ?>
+    </ul>
   </div>
 </div>

components/sidebar/tags.php

@@ -12,13 +12,10 @@ $tags = get_tags($args);
 <div class="card card-primary">
   <div class="card-header"><i class="fa fa-tags" aria-hidden="true"></i> Tags</div>
   <div class="card-body">
-    <form action="<?php bloginfo('url'); ?>" method="get">
-      <select class="card-select select" id="select-of-tags" name="tag" onchange="if(this.selectedIndex){location.href=(this.options[selectedIndex].value)}">
-        <option value="">Selection d'un tag...</option>
+    <ul class="tag-list">
       <?php foreach ($tags as $tag) {?>
-        <option value="<?php bloginfo('url'); ?>/tag/<?php echo $tag->slug ?>"><?php echo $tag->name ?></option>
+        <li><a href="<?php bloginfo('url'); ?>/tag/<?php echo $tag->slug ?>"><?php echo $tag->name ?></a></li>
       <?php } ?>
-      </select>
-    </form>
+    </ul>
   </div>
 </div>

scss/_global.scss

@@ -150,6 +150,19 @@ header h1 {
     grid-area: side;
 }
 
+ul.tag-list {
+  display:flex;
+  padding-bottom:0;
+  overflow: hidden;
+  height:auto;
+  flex-wrap: wrap;
+  
+  li {
+    list-style: none;
+    margin:3px;
+  }
+}
+
 .container-preview {
     @include container-big();
 

style.css

@@ -701,6 +701,16 @@ header h1 {
 .sidebar {
   grid-area: side; }
 
+ul.tag-list {
+  display: flex;
+  padding-bottom: 0;
+  overflow: hidden;
+  height: auto;
+  flex-wrap: wrap; }
+  ul.tag-list li {
+    list-style: none;
+    margin: 3px; }
+
 .container-preview {
   padding-left: 1.5rem;
   padding-right: 1.5rem;