Fix header and sign-in form presentation.

This commit is contained in:
takezoe
2013-07-11 03:50:00 +09:00
parent 5d5b642fa9
commit 072290e544
4 changed files with 46 additions and 17 deletions

View File

@@ -28,7 +28,7 @@
<script src="@assets/google-code-prettify/prettify.js"></script>
</head>
<body>
<div class="navbar navbar-inverse">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
@@ -37,19 +37,18 @@
<span class="icon-bar"></span>
</button>
<a class="brand" href="@path/">GitBucket</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<div class="nav-collapse collapse pull-right">
@if(loginAccount.isDefined){
<li><a href="@path/new">New repo</a></li>
<li><a href="@url(loginAccount.get.userName)">Account</a></li>
<a href="@url(loginAccount.get.userName)" class="username menu">@avatar(loginAccount.get.userName, 20)@loginAccount.get.userName</a>
<a href="@path/new" class="menu" data-toggle="tooltip" data-placement="bottom" title="Create a new repo"><i class="icon-plus"></i></a>
<a href="@url(loginAccount.get.userName)/_edit" class="menu" data-toggle="tooltip" data-placement="bottom" title="Account settings"><i class="icon-user"></i></a>
@if(loginAccount.get.isAdmin){
<li><a href="@path/admin/users">Administration</a></li>
<a href="@path/admin/users" class="menu" data-toggle="tooltip" data-placement="bottom" title="Administration"><i class="icon-wrench"></i></a>
}
<li><a href="@path/signout">Sign out</a></li>
<a href="@path/signout" class="menu-last" data-toggle="tooltip" data-placement="bottom" title="Sign out"><i class="icon-share-alt"></i></a>
} else {
<li><a href="@path/signin?@currentUrl">Sign in</a></li>
<a href="@path/signin?@currentUrl" class="btn btn-last">Sign in</a>
}
</ul>
</div><!--/.nav-collapse -->
</div>
</div>

View File

@@ -2,7 +2,14 @@
@import context._
<table class="table table-bordered">
<tr>
<th class="metal">Sign in</th>
<th class="metal">
@if(systemSettings.allowAccountRegistration){
<div class="pull-right">
<a href="@path/register" class="btn btn-mini">Create new account</a>
</div>
}
Sign in
</th>
</tr>
<tr>
<td>
@@ -15,9 +22,6 @@
<input type="password" name="password" id="password" style="width: 95%"/>
<div>
<input type="submit" class="btn btn-success" value="Sign in"/>
@if(systemSettings.allowAccountRegistration){
<a href="@path/register" class="btn">Create new account</a>
}
</div>
</form>
</td>

View File

@@ -5,6 +5,31 @@ body {
color: #333;
}
div.navbar-inner {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #d4d4d4;
padding-right: 0px;
}
div.nav-collapse a.menu {
margin-right: 12px;
line-height: 40px;
}
div.nav-collapse a.btn-last {
margin-right: 30px;
}
div.nav-collapse a.menu-last {
margin-right: 30px;
line-height: 40px;
}
div.gitbucket-version {
font-size: small;
color: silver;

View File

@@ -6,6 +6,7 @@ $(function(){
});
$('img[data-toggle=tooltip]').tooltip();
$('a[data-toggle=tooltip]').tooltip();
prettyPrint();
});