Rework lang selector

[galette.git] / galette / templates / default / public_page.tpl

diff --git a/galette/templates/default/public_page.tpl b/galette/templates/default/public_page.tpl
index 95bd9fef3248655ec3379ea56791d6545116874d..7f9690fca9cbc4c4bef65fcdad90cdb3acc38697 100644 (file)
--- a/galette/templates/default/public_page.tpl
+++ b/galette/templates/default/public_page.tpl
@@ -70,16 +70,19 @@ We have to use a template file, so Smarty will do its work (like replacing varia
         <![endif]-->
         <header>
             <img src="{path_for name="logo"}" width="{$logo->getOptimalWidth()}" height="{$logo->getOptimalHeight()}" alt="[ Galette ]" />
-            <form action="" id="plang_selector">
-                <select id="lang_selector" name="ui_pref_lang">
+            <nav id="plang_selector" class="onhover">
+                <a href="#plang_selector" class="tooltip" aria-expanded="false" aria-controls="lang_selector" title="{_T string="Change language"}">
+                    <i class="fas fa-language"></i>
+                    {$galette_lang_name}
+                </a>
+                <ul id="lang_selector">
 {foreach item=langue from=$languages}
-                    <option value="{$langue->getID()}" lang="{$langue->getAbbrev()}"{if $galette_lang eq $langue->getAbbrev()} selected="selected"{/if}>{$langue->getName()}</option>
+                    <li {if $galette_lang eq $langue->getAbbrev()} selected="selected"{/if}>
+                        <a href="?ui_pref_lang={$langue->getID()}" lang="{$langue->getAbbrev()}">{$langue->getName()}</a>
+                    </li>
 {/foreach}
-                </select>
-                <noscript>
-                    <input type="submit" name="{_T string="Change language"}" />
-                </noscript>
-            </form>
+                </ul>
+            </nav>
 {if $login->isLogged()}
             <div id="user">
                 <a id="userlink" class="tooltip" title="{_T string="View your member card"}" href="{if $login->isSuperAdmin()}{path_for name="slash"}{else}{path_for name="me"}{/if}">{$login->loggedInAs(true)}</a>