mravi/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add js/css for navbar menu dropdown

Browse source
This commit is contained in:
PCoder 2018-10-23 21:55:54 +02:00
commit fc74046ce8
2 changed files with 49 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

46
ungleich_page/static/ungleich_page/css/ungleich.css
View file

@ -151,6 +151,19 @@
margin-left: auto;
margin-right: auto;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #fed136;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #fed136 !important;
background-color: transparent;
}
}
.header_slider > .carousel .carousel-inner {
@ -246,6 +259,9 @@
letter-spacing: 1px;
font-size: 1.25em;
}
ul.nav li:hover > ul.dropdown-menu{
display: block;
}
}
@media (min-width: 992px) {
@ -404,3 +420,33 @@
bottom: 0;
background: rgba(0,0,0,0.35);
}
ul.dropdown-menu{
background: transparent;
box-shadow: 0 6px 12px rgba(255,255,255,.175);
border: 1px solid #fff;
border-radius: 4px;
padding: 0;
}
.dropdown-menu > li > a {
padding: 5px 20px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color: transparent;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
color: #fed136 !important;
text-decoration: none;
background-color: #fff;
outline: 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #fff;
background-color: transparent;
}
.navbar-default.navbar-shrink .dropdown-menu li a {
background: #000;
color: #fff;
}
.navbar-default.navbar-shrink .dropdown-menu{
border: 1px solid #000;
}

7
ungleich_page/static/ungleich_page/js/ungleich.js
View file

@ -37,8 +37,7 @@ $(function() {
$('body').scrollspy({
target: '.navbar-fixed-top'
})
// Closes the Responsive Menu on Menu Item Click
$('.navbar-collapse ul li a').click(function() {
$('.navbar-toggle:visible').click();
});
$('.navbar-collapse ul li .page-scroll, .navbar-collapse ul li.dropdown ul li a').click(function() {
$('.navbar-toggle:visible').click();
});