Merge pull request #87 from laruiss/fix/dsfr-header-menu

fix/dsfr header menu

Author: laruiss

src/components/DsfrHeader/DsfrHeader.vue

@@ -38,7 +38,7 @@
                   @click="showMenu"
                 >
                   <VIcon
-                    name="ri-menu-line"
+                    name="ri-menu-fill"
                   />
                 </button>
               </div>
@@ -112,7 +112,7 @@
               />
             </div>
             <div
-              v-show="searchModalOpened"
+              v-if="searchModalOpened"
               class="flex  justify-center  items-center"
             >
               <DsfrSearchBar

src/components/DsfrHeader/DsfrHeaderMenuLink.vue

@@ -12,12 +12,13 @@
     <VIcon
       v-if="icon"
       :name="icon"
+      :label="iconOnly ? label : undefined"
       :class="{
         'icon-right': iconRight,
-        'icon-left': !iconRight,
+        'icon-left': !iconOnly && !iconRight,
       }"
     />
-    <span>{{ label }}</span>
+    <span v-if="!iconOnly">{{ label }}</span>
   </component>
 </template>
 
@@ -29,6 +30,7 @@ export default {
       type: String,
       default: '',
     },
+    iconOnly: Boolean,
     iconRight: Boolean,
     icon: {
       type: String,