nav bar stuff

This commit is contained in:
Austin-Mills 2017-06-06 13:51:29 -04:00
parent b88c395dcc
commit 4d986a10d0
7 changed files with 56 additions and 15 deletions

View file

@ -71,7 +71,9 @@
width: 100%;
overflow:hidden;
}
.navbar-brand {
padding-top: 28px;
}
.table-filter {
background-color: @spring-brown;
padding: 9px 12px;
@ -113,8 +115,8 @@ code {
.xd-container {
margin-top: 15px;
//margin-bottom: 100px;
//padding-left: 5px;
//padding-right: 5px;
padding-left: 0px;
padding-right: 0px;
overflow:hidden;
width: 100%;
height: 100%;
@ -192,16 +194,37 @@ table td.action-column {
.help-block {
color: lighten(@text-color, 50%); // lighten the text some for contrast
}
//.glyphicon {
// font-size: 20px;
//}
.container-fluid{
width: 100%;
height:100%;
margin-top: 25px;
padding-left:0px;
padding-right:0px;
//margin-right:-500px;
//margin-left:-30px;
}
//.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; border-color: #080808; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; border-color: #080808; z-index: 2; }
.navbar-right {width: 100%;
margin-right:0px;}
.xd-containers {
font-size: 15px;
width: 100%;

View file

@ -5,7 +5,7 @@
left:0px;
top:0px;
}
.navbar-collapse {width:100%}
.navbar a.navbar-brand {
display: block;
margin: 0 auto 0 auto;

View file

@ -24,8 +24,8 @@
body, h1, h2, h3, p, input {
margin: 0;
font-weight: 400;
font-family: "Lucida Console", Monaco, monospace;
color: #34302d;
font-family: "Bookman Old Style";
color: #0000;
}
h1 {

Binary file not shown.

Binary file not shown.

View file

@ -23,24 +23,42 @@
<body>
<h5>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<nav class="navbar navbar-inverse navbar-fixed-top navbar-right" role="navigation" th:fragment="header">
<div class="navbar-header">
<!-- <a class="navbar-brand" th:href="@{/}"><span></span></a> -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
<span class="sr-only"><os-p>Toggle navigation</os-p></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="main-navbar">
<ul class="nav navbar-nav navbar-right">
<ul class="nav navbar-nav nav-collapse navbar-right">
<a class="navbar-brand" href="#" size="5">KidClinic</a>
<li th:class="${module == 'home' ? 'active' : ''}"><a href="#" th:href="@{/}" ><span class="glyphicon glyphicon-home"> Home</a></li>
<li th:fragment="menuItem (path,active,title,glyph,text)" class="active" th:class="${active==menu ? 'active' : ''}">
<li th:classappend="${module == 'owners' ? 'active' : ''}"><a href="/owners/find" th:href="@{/owners/find}" ><span class="glyphicon glyphicon-search"> Owners</a></li>
<li th:classappend="${module == 'vets' ? 'active' : ''}"><a href="/vets.html" th:href="@{/vets.html}"><span class="glyphicon glyphicon-th-list"> Doctors</a></li>
<li th:classappend="${module == 'error' ? 'active' : ''}"><a href="/oups" th:href="@{/oups}" ><span class="glyphicon glyphicon-star"> Reviews</a></li>
<!-- <li th:fragment="menuItem (path,active,title,glyph,text)" th:class="${active==menu ? 'active' : ''}">
<a th:href="@{__${path}__}" th:title="${title}">
<span th:class="'glyphicon glyphicon-'+${glyph}" class="glyphicon glyphicon-home" aria-hidden="false"></span>
<!-- <span th:text="${text}">Template</span> -->
<span th:text="${text}">Template</span>
</a>
</li>
@ -62,10 +80,10 @@
<li th:replace="::menuItem ('/oups','error','trigger a RuntimeException to see how it is handled','warning-sign','Reviews')">
<span class=" glyphicon glyphicon-star-empty" aria-hidden="true"></span>
<span>Reviews</span>
</li>
</li> -->
</ul>
</div>
</div>
</nav>
</h5>

0
{ Normal file
View file