From 90d4aaa18d1eaecf2b57895c3e6b59c8d79e0e4e Mon Sep 17 00:00:00 2001
From: felipebormann <felipe.bormann@gmail.com>
Date: Mon, 6 Feb 2017 14:48:35 -0300
Subject: [PATCH] added support for multiple size screens for language selector

---
 amadeus/static/css/base/amadeus.css            | 13 -------------
 amadeus/static/css/base/amadeus_responsive.css | 37 +++++++++++++++++++++++++++++++++++++
 amadeus/templates/base.html                    | 11 +++++++++++
 3 files changed, 48 insertions(+), 13 deletions(-)

diff --git a/amadeus/static/css/base/amadeus.css b/amadeus/static/css/base/amadeus.css
index d8a283d..c878310 100755
--- a/amadeus/static/css/base/amadeus.css
+++ b/amadeus/static/css/base/amadeus.css
@@ -24,19 +24,6 @@ a:focus {
 .language-selector > ul img{
     width: 15%;
 }
-.language-selector-on-header{
-    float: left;
-    width: 5%;
-}
-
-.language-selector-on-header img{
-    margin-top: 15%;
-    width: 40%;
-}
-.language-selector-on-header > ul img{
-    width: 30%;
-    margin-top: 0%;
-}
 
 .navbar-header{
     width: 20%;
diff --git a/amadeus/static/css/base/amadeus_responsive.css b/amadeus/static/css/base/amadeus_responsive.css
index 02c4fc6..cab4b14 100644
--- a/amadeus/static/css/base/amadeus_responsive.css
+++ b/amadeus/static/css/base/amadeus_responsive.css
@@ -33,6 +33,23 @@
 }
 
 @media(max-width: 768px) {
+	.language-selector-on-header img{
+		display: none;
+	}
+	.language-selector-on-header > ul img{
+	    display:none;
+	}
+
+	.language-selector-on-header h4{
+		color:white;
+	}
+
+	.language-selector-on-header .dropdown-menu{
+		width: 100%;
+		position: relative;
+	}
+
+
 	#btn-search {
 		margin-top: -5px;
 		height: 30px;
@@ -85,6 +102,26 @@
 }
 
 @media(min-width: 768px) {
+
+	.language-selector-on-header{
+	    float: left;
+	    width: 5%;
+	}
+
+	.language-selector-on-header img{
+	    margin-top: 15%;
+	    width: 30px;
+	}
+	.language-selector-on-header > ul img{
+	    width: 30%;
+	    margin-top: 0%;
+	}
+
+
+	.language-selector-on-header .title{
+		display:none;
+	}
+	    
 	.navbar {
 		height: 50px;
 	}
diff --git a/amadeus/templates/base.html b/amadeus/templates/base.html
index 039dcdf..f2a65a4 100644
--- a/amadeus/templates/base.html
+++ b/amadeus/templates/base.html
@@ -97,6 +97,10 @@
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-close-others="true">
                             <img src="{% static "img/brazilicon.png" %}" />
                         </a>
+
+                        <a href="#" class="dropdown-toggle title" data-toggle="dropdown" data-close-others="true">
+                            <h4 >{% trans "Language Selector" %}</h4>
+                        </a>
                         <ul class="dropdown-menu">
                             <li class="active">
                               <a href="#">
@@ -107,6 +111,13 @@
                             <li >
                               <a href="#">
                                 <img src="{% static "img/euaicon.png" %}" />
+                                <span>{% trans "EN-US" %}</span>
+                              </a>
+                            </li>
+
+                            <li >
+                              <a href="#">
+                                <img src="{% static "img/euaicon.png" %}" />
                                 <span>{% trans "EN" %}</span>
                               </a>
                             </li>
--
libgit2 0.21.2