eliribble
/
vanth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make my dropdown menu black like my navbar 

I like the black-on-white asthetic, so let's make the dropdown menu do
that. I pulled this code from
https://github.com/twbs/bootstrap/issues/9588

It works great now that I'm processing my sass
This commit is contained in:
Eli Ribble 2016-06-09 09:57:04 -06:00
parent 04c796c18a
commit 173a88a3b3
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
styles/vanth.scss
View File

@ -7,3 +7,18 @@
position: relative;
left: 20px;
}
.inverse-dropdown{
background-color: #222;
border-color: #080808;
&>li>a {
color: #999;
&:hover {
color: #fff;
background-color: #000;
}
}
&>.divider {
background-color: #000;
}
}

4
templates/navbar.html
View File

@ -19,10 +19,10 @@
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ current_user.name }}<span class="caret"></span></a>
<ul class="dropdown-menu">
<ul class="dropdown-menu inverse-dropdown">
<li><a href="/settings">Settings</a></li>
<li role="separator" class="divider"></li>
<li><a href="/foo">Logout</a></li>
<li><form action-"/logout/" method="POST"><input class="navbar-btn btn-warning" type="submit" value="Log Out"></input></form></li>
</ul>
</li>
</ul>