changed dropdown activation to click

This commit is contained in:
nek0 2016-06-12 13:52:28 +02:00
parent 7bf072134c
commit 972d5edb54
2 changed files with 48 additions and 10 deletions

View file

@ -1,14 +1,50 @@
.nav {
#user-nav {
list-style: none;
font-weight: bold;
margin-bottom: 10px;
position: relative;
z-index: 5;
}
.nav ul {
#user-nav ul {
display: none;
position: absolute;
}
.nav li:hover ul {
display: inline-block;
#user-nav li {
margin-right: 20px;
}
#user-nav li a {
padding: 10px 20px 10px;
border-radius: 5px;
background-color: white;
}
#user-nav input[type="checkbox"]:checked + ul {
display: block;
background-color: white;
border-radius: 5px;
}
#user-nav a {
display: block;
text-decoration: none;
color: #d64760;
}
#user-nav a:hover {
color: black;
transition-timing-function: linear
transition-duration: 0.25s;
}
#user-nav label {
margin: 0;
}
.vanish {
/*position: absolute;
left: -9999px;*/
display: none;
}

View file

@ -1,25 +1,27 @@
<nav id="header">
<div .row>
<div .col-md-9>
<ul #user-nav .nav .nav-pills>
<ul #user-nav>
<li>
<a href=@{HomeR}>
Home
$maybe su <- msu
<li>
<a>
#{slug} <span class="caret"></span>
<label for="cb1">
<a>
#{slug}<span class="caret"></span>
<input type="checkbox" #cb1 .vanish aria-hidden="true">
<ul>
<li>
<a href=@{UserR username}>
Your Profile
<li >
<li>
<a href=@{NewAlbumR}>
Create album
<li >
<li>
<a href=@{UploadR}>
Upload images
<li >
<li>
<a href=@{LogoutR}>
Logout
$nothing