Add dropdown in navtab

This commit is contained in:
Soldat
2018-10-20 15:10:45 +02:00
committed by klmp200
parent 3dc73ebb9a
commit 29935cb5a8
3 changed files with 204 additions and 101 deletions

View File

@ -336,7 +336,7 @@ header {
border-radius: 6px 6px 0px 0px;
box-shadow: $shadow-color 0px 0px 15px;
a {
a{
flex: auto;
text-align: center;
padding: 20px;
@ -356,6 +356,45 @@ header {
}
}
}
.dropdown{
flex: auto;
text-align: center;
position: relative;
}
.dropbtn {
all: unset;
padding: 20px;
font-weight: bolder;
}
.dropdown-content {
display: none;
position: absolute;
overflow: auto;
width: 100%;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
display: block;
text-align: center;
&:hover {
border-radius: unset;
color: white;
background: $secondary-neutral-color;
}
}
.dropdown:hover .dropdown-content {
display: block;
}
}
/*--------------------------------CONTENT------------------------------*/