Commit 2d6c576b authored by santiaago's avatar santiaago
Browse files

better navbar style

parent d721bcd2

app/assets/css/navbar.css

+22 −0
Original line number Diff line number Diff line 
.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

    background: #F4F4F4;

}

.navbar-default .navbar-nav > .active > a, 

.navbar-default .navbar-nav > .active > a:hover, 

.navbar-default .navbar-nav > .active > a:focus {

    background: #F4F4F4;

}



.navbar-brand,

.navbar-nav li a {

    line-height: 75px;

    height: 75px;

    padding-top: 0;

}



.navbar--color{

    background-color:#FFFFFF;

    border-color: transparent;

}



.navbar--nomargin{

    margin:0;

}

app/partials/navbar.html

+4 −4
Original line number Diff line number Diff line 
<nav class="navbar navbar-default navbar--nomargin" role="navigation">

<nav class="navbar navbar-default navbar--color navbar--nomargin" role="navigation">

  <div class="container-fluid">

    <div class="navbar-header">

    <div class="navbar-header navbar-header--margin">

      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

        <span class="sr-only">Toggle navigation</span>

        <span class="icon-bar"></span>
@@ -10,8 +10,8 @@ 
      <a class="navbar-brand" href="#">tinygraphs</a>

    </div>

    <div id="navbar" class="collapse navbar-collapse">

      <ul class="nav navbar-nav">

        <li class="active"><a href="##whatisit">WHAT IS TINYGRAPHS</a></li>

      <ul class="nav navbar-nav navbar-right">

        <li><a href="##whatisit">WHAT IS TINYGRAPHS</a></li>

        <li><a href="##features">FEATURES</a></li>

        <li><a href="##examples">EXAMPLES</a></li>

        <li><a href="##getstarted">GET STARTED</a></li>