From 30bc2dc67f3e178c55269b34e981a31121e844bf Mon Sep 17 00:00:00 2001
From: Bryan Brancotte <bryan.brancotte@pasteur.fr>
Date: Mon, 2 Sep 2019 18:54:34 +0200
Subject: [PATCH] fix responsiveness of second nav-bar WIP #2

---
 .../css/basetheme_bootstrap4_pasteur.css      | 19 ++++++++++++++++++-
 .../basetheme_bootstrap/basePasteur.html      |  4 ++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css b/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css
index 65d76ce..f70bf38 100644
--- a/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css
+++ b/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css
@@ -38,7 +38,7 @@ html {
 }
 
 body {
-    padding-top: calc( 3.5rem + 93px );
+    padding-top: calc( 140px );
 }
 
 @media (min-width: 1600px){
@@ -206,6 +206,23 @@ header .dropdown.show>a {
     vertical-align: middle;
     margin: 0 10px;
 }
+.header__middle.navbar{
+    align-items:initial;
+}
+#navbar__middle__collapse:not(.show){
+    align-items:initial;
+    flex-direction:column;
+}
+#navbar__middle__collapse:not(.show)>div{
+    display:flex;
+}
+#navbar__middle__collapse:not(.show)>div:first-child{
+    flex-grow:3.5;
+}
+header:not(.scrolled) #navbar__middle__collapse:not(.show)>div:last-child{
+    flex-grow:1;
+}
+
 .main-nav:not(.show):not(.collapsing) ul {
     list-style: none;
     margin: 0;
diff --git a/basetheme_bootstrap/templates/basetheme_bootstrap/basePasteur.html b/basetheme_bootstrap/templates/basetheme_bootstrap/basePasteur.html
index 2881be5..907ae08 100644
--- a/basetheme_bootstrap/templates/basetheme_bootstrap/basePasteur.html
+++ b/basetheme_bootstrap/templates/basetheme_bootstrap/basePasteur.html
@@ -79,12 +79,16 @@
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse main-nav" id="navbar__middle__collapse">
+            <div></div>
+            <div>
             <ul class="links inline clearfix main-menu">
         {% include_if_exists "nav_bar.html"|localize_template "basetheme_bootstrap/nav_bar.example.html" %}
             </ul>
             <ul class="navbar-right">
                 {% block extra_li_dropdown_right %}{% endblock %}
             </ul>
+            </div>
+            <div></div>
         </div>
         <div class="header__face-wrapper d-none d-md-block">
             <img class="header__face" src="https://www.pasteur.fr//sites/all/themes/custom/pasteur/assets/img/art/pasteur.png">
-- 
GitLab