Implement drop down menu for top bar for options
This commit is contained in:
parent
a8413f2811
commit
cf8325b21b
2 changed files with 23 additions and 9 deletions
|
@ -108,8 +108,12 @@ input[type=text], input[type=password] {
|
||||||
}
|
}
|
||||||
#topbar .actions {
|
#topbar .actions {
|
||||||
}
|
}
|
||||||
|
#topbar .dropdown-menu form {
|
||||||
|
padding-left: 6px;
|
||||||
|
padding-right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
#topbar, #sidebar, .panel {
|
#topbar, #sidebar, .panel, .dropdown-menu {
|
||||||
background: #282828;
|
background: #282828;
|
||||||
}
|
}
|
||||||
#sidebar {
|
#sidebar {
|
||||||
|
|
26
index.html
26
index.html
|
@ -133,20 +133,30 @@
|
||||||
{{ pageTitle}}
|
{{ pageTitle}}
|
||||||
</div>
|
</div>
|
||||||
<div class="actions pull-right">
|
<div class="actions pull-right">
|
||||||
|
<div class="dropdown pull-left">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||||
|
<i class="glyphicon glyphicon-cog"></i>
|
||||||
|
<span class="caret"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu pull-right">
|
||||||
|
<li class="">
|
||||||
|
<form class="form-inline" role="form">
|
||||||
|
<div class="checkbox">
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" ng-model="onlyUnread">
|
||||||
|
Only show unread
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<a ng-click="disconnect()">
|
<a ng-click="disconnect()">
|
||||||
<i class="glyphicon glyphicon-remove"></i>
|
<i class="glyphicon glyphicon-remove"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sidebar">
|
<div id="sidebar">
|
||||||
<form class="form-inline" role="form">
|
|
||||||
<div class="checkbox">
|
|
||||||
<label>
|
|
||||||
<input type="checkbox" ng-model="onlyUnread">
|
|
||||||
Unread only
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<ul class="nav nav-pills nav-stacked">
|
<ul class="nav nav-pills nav-stacked">
|
||||||
<li class="bufferfilter">
|
<li class="bufferfilter">
|
||||||
<form role="form">
|
<form role="form">
|
||||||
|
|
Loading…
Reference in a new issue