Change from static to fixed navbar

This commit is contained in:
Rashid Khan 2014-02-26 14:29:32 -07:00
parent 54d0da8271
commit 2a2ac4e94c
4 changed files with 18 additions and 31 deletions

View file

@ -13,9 +13,9 @@
<link rel="stylesheet" href="kibana/styles/main.css" >
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<div ng-controller="kibana">
<nav class="navbar navbar-inverse navbar-fixed-top">
<body ng-controller="kibana">
<div>
<nav class="navbar navbar-inverse navbar-static-top">
<ul class="nav navbar-nav">
<li ng-repeat="app in apps" ng-class="{active: activeApp == app.id}">
<a href="#/{{app.id}}">{{app.name}}</a>

View file

@ -1,5 +1,5 @@
<div ng-controller="dashboard">
<nav class="navbar navbar-default navbar-fixed-top subnav">
<nav class="navbar navbar-default navbar-static-top">
<ul class="nav navbar-nav pull-right">
<li>
<a class="link" ng-click="serializeGrid()"><i class="fa fa-save"></i></a>
@ -7,7 +7,7 @@
</ul>
</nav>
<div class="container-subnav">
<div class="container-default">
<ul dashboard-grid></ul>
</div>

View file

@ -6113,20 +6113,14 @@ button.close {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}
body {
margin: 15px 10px;
margin: 0px;
}
.subnav {
margin-top: 50px;
min-height: 30px !important;
}
.subnav .navbar-nav li a {
padding-top: 5px!important;
padding-bottom: 5px!important;
.navbar-nav li a {
cursor: pointer;
}
.container-subnav {
margin-top: 81px;
}
.container-default {
margin-top: 50px;
margin-top: 10px;
}
.navbar {
margin-bottom: 0px!important;
}

View file

@ -1,29 +1,22 @@
@import "./_bootstrap.less";
body {
margin: 15px 10px;
margin: 0px;
}
//== Subnav
//
// Use for adding a subnav to your app
.subnav {
margin-top: @navbar-height;
min-height: 30px!important
}
.subnav .navbar-nav li a {
padding-top: 5px!important;
padding-bottom: 5px!important;
.navbar-nav li a {
cursor: pointer;
}
// Container if you have a subnav
.container-subnav {
margin-top: 81px;
.container-default {
margin-top: 10px;
}
.container-default {
margin-top: @navbar-height;
}
.navbar {
margin-bottom: 0px!important;
}