bake my own dropdown menu

This commit is contained in:
nek0 2016-06-12 12:22:11 +02:00
parent cc21c96b9e
commit 7bf072134c
3 changed files with 23 additions and 9 deletions

View file

@ -117,7 +117,8 @@ renderLayout widget = do
, js_picturefill_js
])
$(combineStylesheets 'StaticR
[ css_bootstrap_min_css
[ css_dropdown_css
, css_bootstrap_min_css
, css_style_global_css
])
$(widgetFile "default-layout")

14
static/css/dropdown.css Normal file
View file

@ -0,0 +1,14 @@
.nav {
list-style: none;
font-weight: bold;
margin-bottom: 10px;
z-index: 5;
}
.nav ul {
display: none;
}
.nav li:hover ul {
display: inline-block;
}

View file

@ -2,15 +2,14 @@
<div .row>
<div .col-md-9>
<ul #user-nav .nav .nav-pills>
<li role="presentation">
<li>
<a href=@{HomeR}>
Home
$maybe su <- msu
<li .dropdown role="presentation">
<a .dropdown-toggle data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">
#{slug} <span class="caret"></span>
<ul .dropdown-menu>
<li>
<a>
#{slug} <span class="caret"></span>
<ul>
<li>
<a href=@{UserR username}>
Your Profile
@ -24,11 +23,11 @@
<a href=@{LogoutR}>
Logout
$nothing
<li role="presentation">
<li>
<a href=@{LoginR}>
Login
$if block == False
<li role="presentation">
<li>
<a href=@{SignupR}>
Signup
<div .col-md-3 #search>