From 64dda853d8577427370aa8d7751e7d5e528aaa49 Mon Sep 17 00:00:00 2001 From: Bryan Brancotte <bryan.brancotte@pasteur.fr> Date: Tue, 3 Sep 2019 16:13:07 +0200 Subject: [PATCH] improving .header__middle .dropdown --- .../css/basetheme_bootstrap4_pasteur.css | 29 +++++++++++++++++-- 1 file changed, 26 insertions(+), 3 deletions(-) diff --git a/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css b/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css index 5204506..385eb09 100644 --- a/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css +++ b/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css @@ -177,12 +177,27 @@ header .header__middle .dropdown.show>a { header .header__middle .dropdown.show>.dropdown-menu { border-color: #aeb7c0; } +header .header__middle .main-nav .dropdown-menu>a, +header .header__middle .main-nav .dropdown-menu>a { + transition:unset; +} header .header__middle .main-nav .dropdown-menu>a:hover, header .header__middle .main-nav .dropdown-menu>a.active { - background-color: #F0F3F4; + color: #000; + background-color: unset; + border-bottom: 2px black solid; + padding-bottom: 6px; } header .header__middle .dropdown-divider { border-color: #aeb7c0; + margin-left: -30px; + margin-right: -30px; +} +header .header__middle .dropdown-menu>a { + padding:8px 0px; +} +header .header__middle .dropdown-menu { + padding: 0.5rem 30px; } .header__nav{ @@ -219,6 +234,11 @@ header .header__middle .dropdown-divider { .navbar-collapse.collapsing ul{ margin-bottom:0; } +.header__middle .navbar-collapse.show ul, +.header__middle .navbar-collapse.collapsing ul{ + padding-right: 1rem; + padding-left: 1rem; +} .header__logo-wrapper, .header__face-wrapper{ flex-shrink:0; @@ -269,15 +289,18 @@ header:not(.scrolled) #navbar__middle__collapse:not(.show)>div:last-child{ padding: 0; border: 0; } -.main-nav a { + +.main-nav .navbar-nav a.dropdown-item, +.main-nav .navbar-nav a.nav-link { position: relative; display: inline-block; font-weight: 800; text-transform: uppercase; color: #636060; font-size: 1em; +} +.main-nav .navbar-nav a.nav-link { padding: 5px 0; - /*padding-top: 60px;*/ } .main-nav .dropdown-menu>a { padding:8px 30px; -- GitLab