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