Nemcio/GitBucket
1
0
Fork 0
mirror of https://github.com/gitbucket/gitbucket.git synced 2025-11-07 14:05:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use Bootstrap panels instead of GitBucket original styles

Browse Source
This commit is contained in:
Naoki Takezoe
2015-12-09 18:29:41 +09:00
parent ee5b4bbf2e
commit a982b64fd4
3 changed files with 65 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/main/twirl/gitbucket/core/index.scala.html
View File

@@ -24,55 +24,53 @@
@if(loginAccount.isEmpty){ @if(loginAccount.isEmpty){
@signinform(settings) @signinform(settings)
} else { } else {
<div class="box-header"> <div class="panel panel-default">
<div class="panel-heading strong">
<div class="pull-right"> <div class="pull-right">
<a href="@path/new" class="btn btn-success btn-sm">New repository</a> <a href="@path/new" class="btn btn-success btn-sm">New repository</a>
</div> </div>
<span class="strong">Your repositories</span> <span class="badge">@userRepositories.size</span> Your repositories <span class="badge">@userRepositories.size</span>
</div> </div>
<ul class="list-group list-group-flush">
@if(userRepositories.isEmpty){ @if(userRepositories.isEmpty){
<div class="box-content-bottom"> <li class="list-group-item">No repositories</li>
No repositories
</div>
} else { } else {
<div class="box-content-bottom" style="padding: 0px;">
@defining(20){ max => @defining(20){ max =>
@userRepositories.zipWithIndex.map { case (repository, i) => @userRepositories.zipWithIndex.map { case (repository, i) =>
<div class="box-content-row repo-link" style="@if(i > max - 1){display:none;}"> <li class="list-group-item repo-link" style="@if(i > max - 1){display:none;}">
@helper.html.repositoryicon(repository, false) @helper.html.repositoryicon(repository, false)
@if(repository.owner == loginAccount.get.userName){ @if(repository.owner == loginAccount.get.userName){
<a href="@url(repository)"><span class="strong">@repository.name</span></a> <a href="@url(repository)"><span class="strong">@repository.name</span></a>
} else { } else {
<a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a> <a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a>
} }
</div> </li>
} }
@if(userRepositories.size > max){ @if(userRepositories.size > max){
<div class="box-content-row show-more"> <li class="list-group-item show-more">
<a href="javascript:void(0);" id="show-more-repos">Show more @{userRepositories.size - max} pages...</a> <a href="javascript:void(0);" id="show-more-repos">Show more @{userRepositories.size - max} pages...</a>
</li>
}
}
}
</ul>
</div> </div>
} }
} <div class="panel panel-default">
</div> <div class="panel-heading strong">Recent updated repositories</div>
} <ul class="list-group list-group-flush">
}
<div class="box-header">
<span class="strong">Recent updated repositories</span>
</div>
@if(recentRepositories.isEmpty){ @if(recentRepositories.isEmpty){
<div class="box-content-bottom"> <li class="list-group-item">No repositories</li>
No repositories
</div>
} else { } else {
<div class="box-content-bottom" style="padding: 0px;">
@recentRepositories.map { repository => @recentRepositories.map { repository =>
<div class="box-content-row repo-link"> <li class="list-group-item repo-link">
@helper.html.repositoryicon(repository, false) @helper.html.repositoryicon(repository, false)
<a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a> <a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a>
</div> </li>
} }
</div>
} }
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>

12
src/main/twirl/gitbucket/core/signinform.scala.html
View File

@@ -1,14 +1,16 @@
@(systemSettings: gitbucket.core.service.SystemSettingsService.SystemSettings)(implicit context: gitbucket.core.controller.Context) @(systemSettings: gitbucket.core.service.SystemSettingsService.SystemSettings)(implicit context: gitbucket.core.controller.Context)
@import context._ @import context._
<div class="box-header"> <div class="panel panel-default">
<div class="panel-heading strong">
@if(systemSettings.allowAccountRegistration){ @if(systemSettings.allowAccountRegistration){
<div class="pull-right"> <div class="pull-right">
<a href="@path/register" class="btn btn-mini">Create new account</a> <a href="@path/register" class="btn btn-mini">Create new account</a>
</div> </div>
} }
<span class="strong">Sign in</span> Sign in
</div> </div>
<div class="box-content-bottom"> <ul class="list-group list-group-flush">
<li class="list-group-item">
<form action="@path/signin" method="POST" validate="true"> <form action="@path/signin" method="POST" validate="true">
<div class="form-group"> <div class="form-group">
<label for="userName">Username:</label> <label for="userName">Username:</label>
@@ -22,4 +24,6 @@
</div> </div>
<input type="submit" class="btn btn-success" value="Sign in"/> <input type="submit" class="btn btn-success" value="Sign in"/>
</form> </form>
</li>
</ul>
</div> </div>

7
src/main/webapp/assets/common/css/gitbucket.css
View File

@@ -395,11 +395,18 @@ div.box-content-row {
padding: 4px; padding: 4px;
} }
*/ */
/*
div.repo-link { div.repo-link {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
*/
li.repo-link {
padding-top: 5px;
padding-bottom: 5px;
}
div.box-content-bottom { div.box-content-bottom {
background-color: white; background-color: white;