THE-1299 selecteurs de langues

abes-esr · May 7, 2024 · bc752a0 · bc752a0
1 parent 5283651
commit bc752a0
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 26 deletions.
diff --git a/components/common/HeaderCustom.vue b/components/common/HeaderCustom.vue
@@ -7,18 +7,17 @@
             :src="'/icone-handicap-visuel-' + colorMode + '.svg'" />
         </v-btn>
   <!--     Quand actif ajouter role="listitem" -->
-        <div class="languages-btn">
-          <!-- selecteur de langues désactivé
-          <v-btn flat @click="setLanguage('fr')" title="Langue française"
-            :class="locale === 'fr' ? 'selected' : ''">FR</v-btn>
-          |
-          <v-btn flat @click="setLanguage('en')" title="English Language"
-            :class="locale === 'en' ? 'selected' : ''">EN</v-btn>
-          |
-          <v-btn flat @click="setLanguage('es')" title="English Language"
-            :class="locale === 'es' ? 'selected' : ''">ES</v-btn>
-            -->
-        </div>
+<!--        <div class="languages-btn">-->
+<!--          &lt;!&ndash; selecteur de langues désactivé &ndash;&gt;-->
+<!--          <v-btn flat @click="setLanguage('fr')" title="Langue française"-->
+<!--            :class="locale === 'fr' ? 'selected' : ''">FR</v-btn>-->
+<!--          |-->
+<!--          <v-btn flat @click="setLanguage('en')" title="English Language"-->
+<!--            :class="locale === 'en' ? 'selected' : ''">EN</v-btn>-->
+<!--          |-->
+<!--          <v-btn flat @click="setLanguage('es')" title="Idioma espanol"-->
+<!--            :class="locale === 'es' ? 'selected' : ''">ES</v-btn>-->
+<!--        </div>-->
       </div>
       <div class="text-center text-md-right" role="presentation">
         <!--<v-btn tabindex="-1" title="Réseau" size="x-large" icon>
@@ -163,8 +162,8 @@ header {
 }
 
 .language-accessibility-toolbar {
-  //display: grid; // dé-commenter si on active le bouton accessibilité
-  //grid-template-columns: 1fr 20px 3fr;
+  display: grid; // dé-commenter si on active le bouton accessibilité
+  grid-template-columns: 1fr 20px 3fr;
   margin: 0 30px 0;
 
   @media #{ map-get(settings.$display-breakpoints, 'md-and-down')} {
@@ -173,8 +172,9 @@ header {
 }
 
 .languages-btn {
-  grid-column-start: 1; // 3 si on active le bouton accessibilité
+  grid-column-start: 3; // 3 si on active le bouton accessibilité
   max-height: 36px;
+  align-self: center;
 
   @media #{ map-get(settings.$display-breakpoints, 'md-and-down')} {
     grid-column-start: 2;

diff --git a/components/common/HeaderMobile.vue b/components/common/HeaderMobile.vue
@@ -48,17 +48,16 @@
     <v-fade-transition>
       <div v-show="showMenu" ref="expandedMenu" tabindex="0" class="expanded-search-bar-container white-containers" role="list">
         <div class="languages-btn-container">
-          <!--
-          <div class="languages-btn">
-            <button flat @click="setLanguage('fr')" title="Langue française"
-              :class="locale === 'fr' ? 'selected' : ''">FR</button>
-            <p>|</p>
-            <button flat @click="setLanguage('en')" title="English Language"
-              :class="locale === 'en' ? 'selected' : ''">EN</button>
-            <p>|</p>
-            <button flat @click="setLanguage('es')" title="English Language"
-              :class="locale === 'es' ? 'selected' : ''">ES</button>
-          </div>-->
+<!--          <div class="languages-btn">-->
+<!--            <button flat @click="setLanguage('fr')" title="Langue française"-->
+<!--              :class="locale === 'fr' ? 'selected' : ''">FR</button>-->
+<!--            <p>|</p>-->
+<!--            <button flat @click="setLanguage('en')" title="English Language"-->
+<!--              :class="locale === 'en' ? 'selected' : ''">EN</button>-->
+<!--            <p>|</p>-->
+<!--            <button flat @click="setLanguage('es')" title="Idioma Espanol"-->
+<!--              :class="locale === 'es' ? 'selected' : ''">ES</button>-->
+<!--          </div>-->
         </div>
         <div class="expanded-burger-menu">
           <div class="nav-bar-list-burger">