DevFW-CICD/spring-petclinic
16
0
Fork 1
mirror of https://github.com/spring-projects/spring-petclinic.git synced 2025-07-17 21:15:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

nav bar stuff

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/main/less/petclinic.less
View file

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

2
src/main/less/responsive.less
View file

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

4
src/main/less/typography.less
View file

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

BIN
src/main/resources/static/.DS_Store vendored
View file

Binary file not shown.

BIN
src/main/resources/static/resources/.DS_Store vendored
View file

Binary file not shown.

34
src/main/resources/templates/fragments/layout.html
View file

@ -23,24 +23,42 @@
<body> <body>
<h5> <h5>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <nav class="navbar navbar-inverse navbar-fixed-top navbar-right" role="navigation" th:fragment="header">
<div class="container">
<div class="navbar-header"> <div class="navbar-header">
<!-- <a class="navbar-brand" th:href="@{/}"><span></span></a> --> <!-- <a class="navbar-brand" th:href="@{/}"><span></span></a> -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar"> <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> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
</div> </div>
<div class="navbar-collapse collapse" id="main-navbar"> <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}"> <a th:href="@{__${path}__}" th:title="${title}">
<span th:class="'glyphicon glyphicon-'+${glyph}" class="glyphicon glyphicon-home" aria-hidden="false"></span> <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> </a>
</li> </li>
@ -62,10 +80,10 @@
<li th:replace="::menuItem ('/oups','error','trigger a RuntimeException to see how it is handled','warning-sign','Reviews')"> <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 class=" glyphicon glyphicon-star-empty" aria-hidden="true"></span>
<span>Reviews</span> <span>Reviews</span>
</li> </li> -->
</ul> </ul>
</div>
</div> </div>
</nav> </nav>
</h5> </h5>

0
{ Normal file
View file