[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[GNUnet-SVN] [taler-www] branch master updated: fix responsive design la
From: |
gnunet |
Subject: |
[GNUnet-SVN] [taler-www] branch master updated: fix responsive design language bar |
Date: |
Wed, 15 Feb 2017 00:46:02 +0100 |
This is an automated email from the git hooks/post-receive script.
dold pushed a commit to branch master
in repository www.
The following commit(s) were added to refs/heads/master by this push:
new f6a9fda fix responsive design language bar
f6a9fda is described below
commit f6a9fda62511c88ad1dec7dfe4f13e9318ffc430
Author: Florian Dold <address@hidden>
AuthorDate: Wed Feb 15 00:45:59 2017 +0100
fix responsive design language bar
---
common/navigation.j2.inc | 23 ++++++++++++++++++++++-
styles.css | 12 ++++++++++++
2 files changed, 34 insertions(+), 1 deletion(-)
diff --git a/common/navigation.j2.inc b/common/navigation.j2.inc
index a1bda4b..336936f 100644
--- a/common/navigation.j2.inc
+++ b/common/navigation.j2.inc
@@ -1,5 +1,26 @@
<div class="navbar navbar-fixed-top navbar-taler" role="navigation">
<div class="navbar-header">
+ <button class="btn btn-default dropdown-toggle mobile-lang"
type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="true">
+ <img src="{{ url('images/'+lang+'.png') }}"/></img>
+ <span class="caret"></span>
+ </button>
+ <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
+ <li>
+ <a href="{{ self_localized('en') }}"><img src="{{
url('images/gb.png') }}" height="15" width="23" alt="English">English</a>
+ </li>
+ <li>
+ <a href="{{ self_localized('de') }}"><img src="{{
url('images/de.png') }}" height="15" width="25" alt="Deutsch">Deutsch</a>
+ </li>
+ <li>
+ <a href="{{ self_localized('fr') }}"><img src="{{
url('images/fr.png') }}" height="15" width="22" alt="Français">Français</a>
+ </li>
+ <li>
+ <a href="{{ self_localized('it') }}"><img src="{{
url('images/it.png') }}" height="15" width="22" alt="Italiano">Italiano</a>
+ </li>
+ <li>
+ <a href="{{ self_localized('es') }}"><img src="{{
url('images/es.png') }}" height="15" width="23" alt="Español">Español</a>
+ </li>
+ </ul>
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#main-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
@@ -18,7 +39,7 @@
<li class="m_developers"><a href="{{
url_localized('developers.html') }}">{{ _("Developers") }}</a></li>
<li class="m_about"><a href="{{ url_localized('about.html') }}">{{
_("About us") }}</a></li>
<li>
- <div class="dropdown">
+ <div class="dropdown nav-lang">
<button class="btn btn-default dropdown-toggle" type="button"
id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="true">
<img src="{{ url('images/'+lang+'.png') }}"/></img>
<span class="caret"></span>
diff --git a/styles.css b/styles.css
index 6b6d3c2..833df03 100644
--- a/styles.css
+++ b/styles.css
@@ -16,3 +16,15 @@ html {
.c_intro {
height: 100vh;
}
+
+/* don't show the language selector in the dropdown on mobile devices,
+ * since it's in the top bar already.
+ */
+.in .nav-lang {
+ display: none;
+}
+
+.mobile-lang {
+ margin-left:5px;
+ margin-top: 8px;
+}
--
To stop receiving notification emails like this one, please contact
address@hidden
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- [GNUnet-SVN] [taler-www] branch master updated: fix responsive design language bar,
gnunet <=