diff options
Diffstat (limited to 'talermerchantdemos')
-rw-r--r-- | talermerchantdemos/static/demo.css | 8 | ||||
-rw-r--r-- | talermerchantdemos/templates/common-base.html.j2 | 37 |
2 files changed, 23 insertions, 22 deletions
diff --git a/talermerchantdemos/static/demo.css b/talermerchantdemos/static/demo.css index db2a3db..3c74bfa 100644 --- a/talermerchantdemos/static/demo.css +++ b/talermerchantdemos/static/demo.css @@ -91,6 +91,7 @@ nav { } nav a, +nav button, nav span, .navbtn { border: none; @@ -103,6 +104,7 @@ nav span, } nav a, +nav button, nav span, .navbtn { padding: 15px 32px; @@ -137,10 +139,6 @@ nav .right { margin-right: 5vw; } -nav .right.hide div.nav { +nav .hide div.nav { display: none; } -button#id { - padding: 0px; - border: 0px; -} diff --git a/talermerchantdemos/templates/common-base.html.j2 b/talermerchantdemos/templates/common-base.html.j2 index a28eeae..9129064 100644 --- a/talermerchantdemos/templates/common-base.html.j2 +++ b/talermerchantdemos/templates/common-base.html.j2 @@ -64,24 +64,27 @@ </script> {# Language Selector #} - <button id="lang" class="right hide" onkeydown="handleLang(event)" onclick="handleLang(event)" name="language" value="{{ all_languages[getlang()] | default("en") }}"> - <span>{{ all_languages[getlang()] | default("en") }}</span> - <div style="position: relative; overflow: visible;"> - <div class="nav" style="position: absolute; background: #0042b2; max-height: 60vh; overflow-y: scroll"> - <br> - {% for lang_code, lang_display in all_languages.items() %} - {% if lang_code != getlang() %} - {% if script_name != None %} - <a href="{{ script_name }}/{{ lang_code }}/" class="navbtn langbtn">{{ lang_display }}</a> - {% else %} - <a href="/{{ lang_code }}/" class="navbtn langbtn">{{ lang_display }}</a> - {% endif %} - <br> - {% endif %} - {% endfor %} - </div> + <div class="right> + <button onkeydown="handleLang(event)" onclick="handleLang(event)" name="language" value="{{ all_languages[getlang()] | default("en") }}"> + {{ all_languages[getlang()] | default("en") }} </button> - </div> + <div id="lang" class="hide"> + <div style="position: relative; overflow: visible;"> + <div class="nav" style="position: absolute; background: #0042b2; max-height: 60vh; overflow-y: scroll"> + <br> + {% for lang_code, lang_display in all_languages.items() %} + {% if lang_code != getlang() %} + {% if script_name != None %} + <a href="{{ script_name }}/{{ lang_code }}/" class="navbtn langbtn">{{ lang_display }}</a> + {% else %} + <a href="/{{ lang_code }}/" class="navbtn langbtn">{{ lang_display }}</a> + {% endif %} + <br> + {% endif %} + {% endfor %} + </div> + </div> + </div> </nav> </div> |