AA: Style button element on navbar

This commit is contained in:
Andrew Abogado 2015-02-12 01:32:57 +08:00
parent 1e873e09bb
commit a7a885be34
4 changed files with 10 additions and 13 deletions

View file

@ -43,11 +43,8 @@
</ul>
</div><!-- /.navbar-collapse -->
<ul class="nav navbar-profile">
<li class="hidden">
<button class="btn btn-default btn-primary btn-new navbar-btn" data-toggle="dropdown">Create New</button>
</li>
<li><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
<li><button class="nav-action"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button></li>
<li><button href="#" class="nav-action"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle img-profile" data-toggle="dropdown" role="button" aria-expanded="false">
<img class="img-circle img-circle-small" src="../images/avatar.jpg" width="30" height="30">

View file

@ -491,7 +491,9 @@ input::-moz-focus-inner {
margin-left: 15px;
margin-top: 15px;
> a {
> a,
> .nav-action {
background-color: transparent;
color: $navbar-default-link-color;
border: 1px solid $navbar-default-link-color;
border-radius: 100%;
@ -827,7 +829,7 @@ input::-moz-focus-inner {
}
.caption-meta-uppercase {
text-transform: uppercase;
text-transform: uppercase;
}
.caption-label {

View file

@ -38,11 +38,8 @@
</ul>
</div><!-- /.navbar-collapse -->
<ul class="nav navbar-profile">
<li class="hidden">
<button class="btn btn-default btn-primary btn-new navbar-btn" data-toggle="dropdown">Create New</button>
</li>
<li><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
<li><button class="nav-action"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button></li>
<li><button href="#" class="nav-action"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle img-profile" data-toggle="dropdown" role="button" aria-expanded="false">
<img class="img-circle img-circle-small" src="../images/avatar.jpg" width="30" height="30">
@ -63,6 +60,7 @@
<!-- Welcome -->
<header class="sections sections-tight sections-light">
<div class="container">
<div class="media">
<div class="pull-right stats stats-md">
<ul>

File diff suppressed because one or more lines are too long