From 13140479ca674391488c1bdc715a83a14c4ad53a Mon Sep 17 00:00:00 2001
From: Zambom <erikzambom@hotmail.com>
Date: Thu, 5 Jan 2017 20:34:49 -0200
Subject: [PATCH] Adjusting sidemenu

---
 amadeus/static/css/base/amadeus.css            | 48 +++++++++++++++++++++++++++++++++++++++++++++---
 amadeus/static/css/base/amadeus_responsive.css | 24 ++++++++++++++++++++++++
 amadeus/templates/base.html                    | 33 +++++++++++++++++++++++++++++++--
 3 files changed, 100 insertions(+), 5 deletions(-)

diff --git a/amadeus/static/css/base/amadeus.css b/amadeus/static/css/base/amadeus.css
index 3ca1123..0c493c9 100755
--- a/amadeus/static/css/base/amadeus.css
+++ b/amadeus/static/css/base/amadeus.css
@@ -248,8 +248,6 @@
     color: white;
 }
 
-
-
 .navbar-nav li.open {
     background: #00695C;
 }
@@ -866,4 +864,48 @@ ul, li {
     font-size: 16px;
     border-bottom: 1px solid #D2D2D2;
 }
-/* End Profile */
\ No newline at end of file
+/* End Profile */
+
+/* Bottom Menu */
+.clearfix {
+    height: 80px;
+}
+
+.bottom-menu {
+    position: fixed;
+    bottom: 0px;
+    background: #F5F5F5;
+    width: 100%;
+    padding: 15px 30px;
+    z-index: 999;
+}
+
+.mobile-menu {
+    -webkit-padding-start: 0px;
+}
+
+.mobile-menu, .mobile-menu li {
+    display: inline-block;
+}
+
+.mobile-menu .item {
+    color: #FFFFFF;
+    background: #26A69A;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding-top: 3px;
+    text-align: center;
+}
+
+.mobile-menu .item a{
+    color: white;
+}
+
+.mobile-menu > .subjects_menu_active {
+    background-color: #00695C;
+}
+
+.mobile-menu > .item:hover{
+    background-color: #00695C;
+}
+/* End Bottom Menu */
\ No newline at end of file
diff --git a/amadeus/static/css/base/amadeus_responsive.css b/amadeus/static/css/base/amadeus_responsive.css
index a65300c..9515374 100644
--- a/amadeus/static/css/base/amadeus_responsive.css
+++ b/amadeus/static/css/base/amadeus_responsive.css
@@ -72,4 +72,28 @@
 	    padding-right:0px;
 	    padding-left: 0px;
 	}
+}
+
+@media(min-width: 541px) {
+	.mobile-menu .item {
+		font-size: 45px;
+		width: 70px;
+		height: 65px;
+	}
+
+	.bottom-menu {
+		height: 90px;
+	}
+}
+
+@media(max-width: 540px) {
+	.mobile-menu .item {
+		font-size: 35px;
+		width: 55px;
+		height: 50px;
+	}
+
+	.bottom-menu {
+		height: 80px;
+	}
 }
\ No newline at end of file
diff --git a/amadeus/templates/base.html b/amadeus/templates/base.html
index 98922cb..39b6924 100644
--- a/amadeus/templates/base.html
+++ b/amadeus/templates/base.html
@@ -149,7 +149,7 @@
         <div class="row">
             <div id="sidebar-menu-div" class="col-md-1 col-lg-1 hidden-xs hidden-sm">
                 {% block sidebar %}
-                   <ul id="sidebar-menu">
+                    <ul id="sidebar-menu">
                         <li class="item {{ subjects_menu_active }}" id="subjects-link" data-toggle="tooltip" data-placement="right" title="{% trans "Subjects" %}">
                             <a href="{% url 'subjects:index' %}">
                                 <i class="fa fa-graduation-cap" aria-hidden="true"></i>
@@ -167,7 +167,7 @@
                         <li class="item" data-toggle="tooltip" data-placement="right" title="{% trans "Analytics" %}">
                             <i class="fa fa-bar-chart" aria-hidden="true"></i>
                         </li>
-                   </ul>
+                    </ul>
                 {% endblock %}
             </div>
             <div class="col-xs-12 col-sm-12 col-md-11 col-lg-11">
@@ -185,6 +185,35 @@
         </div>
     </div>
 
+    {% block bottommenu %}
+        <div class="clearfix visible-xs visible-sm"></div>
+        <div class="bottom-menu visible-xs visible-sm">
+            <div class="row">
+                <div class="col-sm-12 col-xs-12 text-center">
+                    <ul class="mobile-menu">
+                        <li class="item {{ subjects_menu_active }}" data-toggle="tooltip" data-placement="top" title="{% trans "Subjects" %}">
+                            <a href="{% url 'subjects:index' %}">
+                                <i class="fa fa-graduation-cap" aria-hidden="true"></i>
+                            </a>
+                        </li>
+                        <li class="item" data-toggle="tooltip" data-placement="top" title="{% trans "Timeline" %}">
+                            <i class="fa fa-list" aria-hidden="true" ></i>
+                        </li>
+                        <li class="item" data-toggle="tooltip" data-placement="top" title="{% trans "Messages" %}">
+                            <i class="fa fa-envelope-o" aria-hidden="true"></i>
+                        </li>
+                        <li class="item" data-toggle="tooltip" data-placement="top" title="{% trans "Pendencias" %}">
+                            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
+                        </li>
+                        <li class="item" data-toggle="tooltip" data-placement="top" title="{% trans "Analytics" %}">
+                            <i class="fa fa-bar-chart" aria-hidden="true"></i>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    {% endblock %}
+
     <!-- Init material Bootstrap -->
     <script type="text/javascript">$.material.init()</script>
     <script type="text/javascript">
--
libgit2 0.21.2