mirror of
https://github.com/gitbucket/gitbucket.git
synced 2025-11-05 04:56:02 +01:00
Merge pull request #1108 from gitbucket/new-ui
New GitHub UI and Mobile support
This commit is contained in:
Naoki Takezoe
@@ -758,8 +758,6 @@ trait RepositoryViewerControllerBase extends ControllerBase {
|
||||
.setTree(revCommit.getTree)
|
||||
.setOutputStream(response.getOutputStream)
|
||||
.call()
|
||||
|
||||
Unit
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@html.main("Applications"){
|
||||
<div class="container">
|
||||
<div class="container body">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
@menu("application", settings.ssh)
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@html.main("Edit your profile"){
|
||||
<div class="container">
|
||||
<div class="container body">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
@menu("profile", settings.ssh)
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@html.main(if(account.isEmpty) "Create group" else "Edit group"){
|
||||
<div class="container">
|
||||
<div class="container body">
|
||||
<form id="form" method="post" action="@if(account.isEmpty){@path/groups/new} else {@path/@account.get.userName/_editgroup}" validate="true">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@html.main(account.userName){
|
||||
<div class="container">
|
||||
<div class="container body">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
|
||||
@@ -3,7 +3,7 @@ isCreateRepoOptionPublic: Boolean)(implicit context: gitbucket.core.controller.C
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@html.main("Create a New Repository"){
|
||||
<div style="width: 600px; margin: 10px auto;">
|
||||
<div class="body" style="width: 600px; margin: 10px auto;">
|
||||
<h2>Create a new repository</h2>
|
||||
<p class="muted">
|
||||
A repository contains all the files for your project, including the revision history.
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@html.main("Create your account"){
|
||||
<div class="container">
|
||||
<div class="container body">
|
||||
<h3>Create your account</h3>
|
||||
<form action="@path/register" method="POST" validate="true">
|
||||
<div class="row">
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@html.main("SSH Keys"){
|
||||
<div class="container">
|
||||
<div class="container body">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
@menu("ssh", settings.ssh)
|
||||
|
||||
@@ -8,9 +8,11 @@
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@html.main("Issues"){
|
||||
<div class="body">
|
||||
@dashboard.html.tab("issues")
|
||||
<div class="container">
|
||||
@issuesnavi(filter, "issues", condition)
|
||||
@issueslist(issues, page, openCount, closedCount, condition, filter, groups)
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@@ -8,9 +8,11 @@
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@html.main("Pull Requests"){
|
||||
<div class="body">
|
||||
@dashboard.html.tab("pulls")
|
||||
<div class="container">
|
||||
@issuesnavi(filter, "pulls", condition)
|
||||
@issueslist(issues, page, openCount, closedCount, condition, filter, groups)
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@main("GitBucket"){
|
||||
<div class="body">
|
||||
@dashboard.html.tab()
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -22,7 +23,7 @@
|
||||
</div>
|
||||
}
|
||||
@if(loginAccount.isEmpty){
|
||||
@signinform(settings)
|
||||
<div id="dashboard-signin-form">@signinform(settings)</div>
|
||||
} else {
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading strong">
|
||||
@@ -81,6 +82,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<script>
|
||||
$(function(){
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<div class="panel panel-default issue-box">
|
||||
<div class="panel-body">
|
||||
<span id="error-title" class="error"></span>
|
||||
<input type="text" name="title" class="form-control input-lg" value="" placeholder="Title" style="width: 680px;" autofocus/>
|
||||
<input type="text" id="issue-title" name="title" class="form-control input-lg" value="" placeholder="Title" style="width: 680px;" autofocus/>
|
||||
@helper.html.preview(
|
||||
repository = repository,
|
||||
content = "",
|
||||
|
||||
@@ -1,30 +1,28 @@
|
||||
@(active: String,
|
||||
repository: gitbucket.core.service.RepositoryService.RepositoryInfo,
|
||||
id: Option[String] = None,
|
||||
expand: Boolean = false,
|
||||
isRepoTop: Boolean = false,
|
||||
isNoGroup: Boolean = true,
|
||||
info: Option[Any] = None,
|
||||
error: Option[Any] = None)(body: Html)(implicit context: gitbucket.core.controller.Context)
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@import gitbucket.core.service.RepositoryService._
|
||||
|
||||
@sidemenu(path: String, name: String, icon: String, label: String, count: Int = 0) = {
|
||||
<li @if(active == name){class="active"} @if(!expand){data-toggle="tooltip" data-placement="left" data-original-title="@label"}>
|
||||
@menuitem(path: String, name: String, icon: String, label: String, count: Int = 0) = {
|
||||
<li @if(active == name){class="active"}>
|
||||
<a href="@url(repository)@path">
|
||||
<i class="menu-icon @if(active == name){menu-icon-active} octicon octicon-@{icon} "></i>
|
||||
@if(expand){ @label}
|
||||
@if(expand && count > 0){
|
||||
<div class="pull-right"><span class="badge">@count</span></div>
|
||||
<i class="menu-icon @if(active == name){menu-icon-active} octicon octicon-@{icon} "></i> <span class="pc">@label</span>
|
||||
@if(count > 0){
|
||||
<span class="badge">@count</span>
|
||||
}
|
||||
</a>
|
||||
</li>
|
||||
}
|
||||
|
||||
<div class="container">
|
||||
<div class="headbar">
|
||||
<div class="container">
|
||||
@helper.html.information(info)
|
||||
@helper.html.error(error)
|
||||
<div class="row">
|
||||
<div class="head">
|
||||
@if(repository.commitCount > 0){
|
||||
<div class="input-group pull-right">
|
||||
@@ -60,53 +58,19 @@
|
||||
}
|
||||
}
|
||||
</div>
|
||||
<ul class="headmenu">
|
||||
@menuitem("" , "code" , "code" , "Code")
|
||||
@menuitem("/issues", "issues" , "issue-opened" , "Issues", repository.issueCount)
|
||||
@menuitem("/pulls" , "pulls" , "git-pull-request" , "Pull Requests", repository.pullCount)
|
||||
@menuitem("/wiki" , "wiki" , "book" , "Wiki")
|
||||
@if(loginAccount.isDefined && (loginAccount.get.isAdmin || repository.managers.contains(loginAccount.get.userName))){
|
||||
@menuitem("/settings" , "settings" , "tools", "Settings")
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<hr style="margin-bottom: 20px;"/>
|
||||
<div class="container body">
|
||||
<div style="width: @if(expand){170px} else {40px};" class="pull-right">
|
||||
<ul class="sidemenu">
|
||||
<li style="height: 12px"><div class="gradient pull-left" style="height: 12px"></div></li>
|
||||
@sidemenu("" , "code" , "code" , "Code")
|
||||
@sidemenu("/issues", "issues" , "issue-opened" , "Issues", repository.issueCount)
|
||||
@sidemenu("/pulls" , "pulls" , "git-pull-request" , "Pull Requests", repository.pullCount)
|
||||
@sidemenu("/wiki" , "wiki" , "book" , "Wiki")
|
||||
@if(loginAccount.isDefined && (loginAccount.get.isAdmin || repository.managers.contains(loginAccount.get.userName))){
|
||||
@sidemenu("/settings" , "settings" , "tools", "Settings")
|
||||
}
|
||||
<li style="height: 12px"><div class="gradient pull-left" style="height: 12px"></div></li>
|
||||
</ul>
|
||||
@if(expand){
|
||||
<div class="small">
|
||||
<strong id="repository-url-proto">HTTP</strong> <span class="mute">clone URL</span>
|
||||
</div>
|
||||
@helper.html.copy("repository-url-copy", repository.httpUrl){
|
||||
<input type="text" value="@repository.httpUrl" id="repository-url" class="form-control input-sm" readonly>
|
||||
}
|
||||
@if(repository.sshUrl.isDefined){
|
||||
<div class="small">
|
||||
<span class="mute">You can clone <a href="javascript:void(0);" id="repository-url-http">HTTP</a> or <a href="javascript:void(0);" id="repository-url-ssh">SSH</a>.</span>
|
||||
</div>
|
||||
}
|
||||
@id.map { id =>
|
||||
@if(context.platform != "linux" && context.platform != null){
|
||||
<div style="margin-top: 10px;">
|
||||
<a href="@openRepoUrl(repository.httpUrl)" id="repository-clone-url" class="btn btn-sm btn-default btn-block"><i class="octicon octicon-desktop-download"></i> Clone in Desktop</a>
|
||||
</div>
|
||||
}
|
||||
<div style="margin-top: 10px;">
|
||||
<a href="@{url(repository)}/archive/@{encodeRefName(id)}.zip" class="btn btn-sm btn-default btn-block"><i class="octicon octicon-cloud-download"></i>Download ZIP</a>
|
||||
</div>
|
||||
@*
|
||||
<div style="margin-top: 10px;">
|
||||
<a href="@{url(repository)}/archive/@{encodeRefName(id)}.tar.gz" class="btn btn-sm btn-default btn-block "><i class="octicon octicon-cloud-download"></i>Download TAR.GZ</a>
|
||||
</div>
|
||||
*@
|
||||
}
|
||||
}
|
||||
</div>
|
||||
<div class="pull-left" style="width: @if(expand){770px} else {895px};">
|
||||
@if(expand){
|
||||
@if(isRepoTop){
|
||||
@repository.repository.description.map { description =>
|
||||
<p class="description">@detectAndRenderLinks(description)</p>
|
||||
}
|
||||
@@ -140,7 +104,6 @@
|
||||
</div>
|
||||
}
|
||||
@body
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function(){
|
||||
@@ -150,7 +113,7 @@ $(function(){
|
||||
if(e.target.tagName == "I"){
|
||||
target = e.target.parentElement;
|
||||
}
|
||||
$(target).prev ('div.gradient' ).css('border-left', '1px solid silver');
|
||||
$(target).prev('div.gradient').css('border-left', '1px solid silver');
|
||||
});
|
||||
|
||||
$('ul.sidemenu a').mouseout(function(e){
|
||||
@@ -158,7 +121,7 @@ $(function(){
|
||||
if(e.target.tagName == "I"){
|
||||
target = e.target.parentElement;
|
||||
}
|
||||
$(target).prev ('div.gradient' ).css('border-left', '1px solid #eee');
|
||||
$(target).prev('div.gradient').css('border-left', '1px solid #eee');
|
||||
});
|
||||
|
||||
$('a[rel*=facebox]').facebox({
|
||||
@@ -180,21 +143,5 @@ $(function(){
|
||||
$('#fork-form').submit();
|
||||
});
|
||||
}
|
||||
|
||||
@repository.sshUrl.map { sshUrl =>
|
||||
$('#repository-url-http').click(function(){
|
||||
$('#repository-url-proto').text('HTTP');
|
||||
$('#repository-url').val('@repository.httpUrl');
|
||||
$('#repository-clone-url').attr('href', '@openRepoUrl(repository.httpUrl)')
|
||||
$('#repository-url-copy').attr('data-clipboard-text', $('#repository-url').val());
|
||||
});
|
||||
|
||||
$('#repository-url-ssh').click(function(){
|
||||
$('#repository-url-proto').text('SSH');
|
||||
$('#repository-url').val('@sshUrl');
|
||||
$('#repository-clone-url').attr('href', '@openRepoUrl(sshUrl)');
|
||||
$('#repository-url-copy').attr('data-clipboard-text', $('#repository-url').val());
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
@html.menu("code", repository){
|
||||
<div class="head">
|
||||
<div class="pull-right hide-if-blame"><div class="btn-group">
|
||||
<a href="@url(repository)/find/@encodeRefName(branch)" class="btn btn-sm btn-default" data-toggle="tooltip" data-placement="bottom" data-hotkey="t" title="Quickly jump between files"><i class="octicon octicon-list-unordered"></i></a>
|
||||
<a href="@url(repository)/find/@encodeRefName(branch)" class="btn btn-sm btn-default" data-hotkey="t">Find file</a>
|
||||
</div></div>
|
||||
<div class="line-age-legend">
|
||||
<span>Newer</span>
|
||||
|
||||
@@ -11,6 +11,7 @@
|
||||
error: Option[Any] = None)(implicit context: gitbucket.core.controller.Context)
|
||||
@import context._
|
||||
@import gitbucket.core.view.helpers._
|
||||
@import gitbucket.core.service.RepositoryService._
|
||||
@html.main(
|
||||
if(pathList.isEmpty){
|
||||
if(branch == repository.repository.defaultBranch){
|
||||
@@ -23,32 +24,68 @@
|
||||
}, Some(repository)) {
|
||||
@html.menu("code", repository, Some(branch), pathList.isEmpty, groupNames.isEmpty, info, error){
|
||||
<div class="head">
|
||||
<div class="pull-right"><div class="btn-group">
|
||||
<a href="@url(repository)/find/@encodeRefName(branch)" class="btn btn-sm btn-default" data-toggle="tooltip" data-placement="bottom" data-hotkey="t" title="Quickly jump between files"><i class="octicon octicon-list-unordered"></i></a>
|
||||
@if(pathList.isEmpty){
|
||||
<div class="pull-right pc">
|
||||
@if(platform != "linux" && platform != null){
|
||||
<a href="@openRepoUrl(repository.httpUrl)" id="repository-clone-url" class="btn btn-sm btn-default"><i class="octicon octicon-desktop-download"></i></a>
|
||||
}
|
||||
<a href="@{url(repository)}/archive/@{encodeRefName(branch)}.zip" class="btn btn-sm btn-default">Download ZIP</a>
|
||||
</div>
|
||||
<div class="pull-right pc">
|
||||
<div style="width: 240px; margin-top: 2px; margin-right: 5px; margin-left: 5px;">
|
||||
@helper.html.copy("repository-url-copy", repository.httpUrl){
|
||||
@if(repository.sshUrl.isDefined){
|
||||
<div class="btn-group input-group-btn">
|
||||
<button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span id="repository-url-proto">HTTP</span> <span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="javascript:void(0);" id="repository-url-http">
|
||||
<strong>HTTP (recommended)</strong><br>
|
||||
Clone with Git using the repository's web address.
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" id="repository-url-ssh">
|
||||
<strong>SSH</strong><br>
|
||||
Clone with an SSH key and passphrase from your GitBucket settings.
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
}
|
||||
<input type="text" value="@repository.httpUrl" id="repository-url" class="form-control input-sm" readonly>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
<div class="pull-right">
|
||||
<div class="btn-group">
|
||||
<a href="@url(repository)/new/@encodeRefName(branch)/@pathList.mkString("/")" class="btn btn-sm btn-default pc" title="Create a new file here" @if(!hasWritePermission){disabled}>New file</i></a>
|
||||
<a href="@url(repository)/find/@encodeRefName(branch)" class="btn btn-sm btn-default pc" data-hotkey="t">Find file</a>
|
||||
@if(pathList.nonEmpty){
|
||||
<a href="@url(repository)/commits/@encodeRefName(branch)/@pathList.mkString("/")" class="btn btn-sm btn-default" data-toggle="tooltip" data-placement="bottom" title="Browse commits for this branch"><i class="octicon octicon-clock"></i></a>
|
||||
<a href="@url(repository)/commits/@encodeRefName(branch)/@pathList.mkString("/")" class="btn btn-sm btn-default" data-toggle="tooltip" data-placement="bottom" title="Browse commits for this branch">History</a>
|
||||
}
|
||||
</div></div>
|
||||
@branchPullRequest.map{ case (pullRequest, issue) =>
|
||||
<a href="@url(repository)/pull/@pullRequest.issueId" class="btn btn-sm btn-pullrequest-branch" title="@issue.title" data-toggle="tooltip">#@pullRequest.issueId</a>
|
||||
}.getOrElse{
|
||||
<a href="@url(repository)/compare?head=@urlEncode(encodeRefName(branch))" class="btn btn-sm btn-success"><i class="octicon octicon-git-compare" data-toggle="tooltip" title="Compare, review, create a pull request"></i></a>
|
||||
}
|
||||
@helper.html.branchcontrol(
|
||||
branch,
|
||||
repository,
|
||||
hasWritePermission
|
||||
){
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@helper.html.branchcontrol(branch, repository, hasWritePermission){
|
||||
@repository.branchList.map { x =>
|
||||
<li><a href="@url(repository)/tree/@encodeRefName(x)">@helper.html.checkicon(x == branch) @x</a></li>
|
||||
}
|
||||
}
|
||||
@if(pathList.isEmpty){
|
||||
@branchPullRequest.map{ case (pullRequest, issue) =>
|
||||
<a href="@url(repository)/pull/@pullRequest.issueId" class="btn btn-sm btn-pullrequest-branch" title="@issue.title" data-toggle="tooltip">View #@pullRequest.issueId</a>
|
||||
}.getOrElse {
|
||||
<a href="@url(repository)/compare?head=@urlEncode(encodeRefName(branch))" class="btn btn-sm btn-success"><i class="octicon octicon-git-compare" data-toggle="tooltip" title="Compare, review, create a pull request"></i> New pull request</a>
|
||||
}
|
||||
} else {
|
||||
<a href="@url(repository)/tree/@encodeRefName(branch)">@repository.name</a> /
|
||||
@pathList.zipWithIndex.map { case (section, i) =>
|
||||
<a href="@url(repository)/tree/@encodeRefName(branch)/@pathList.take(i + 1).mkString("/")">@section</a> /
|
||||
}
|
||||
@if(hasWritePermission){
|
||||
<a href="@url(repository)/new/@encodeRefName(branch)/@pathList.mkString("/")" title="Create a new file here" style="text-decoration: none;">+</i></a>
|
||||
}
|
||||
</div>
|
||||
<table class="table table-file-list">
|
||||
@@ -141,3 +178,20 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
<script>
|
||||
@repository.sshUrl.map { sshUrl =>
|
||||
$('#repository-url-http').click(function(){
|
||||
$('#repository-url-proto').text('HTTP');
|
||||
$('#repository-url').val('@repository.httpUrl');
|
||||
$('#repository-clone-url').attr('href', '@openRepoUrl(repository.httpUrl)')
|
||||
$('#repository-url-copy').attr('data-clipboard-text', $('#repository-url').val());
|
||||
});
|
||||
|
||||
$('#repository-url-ssh').click(function(){
|
||||
$('#repository-url-proto').text('SSH');
|
||||
$('#repository-url').val('@sshUrl');
|
||||
$('#repository-clone-url').attr('href', '@openRepoUrl(sshUrl)');
|
||||
$('#repository-url-copy').attr('data-clipboard-text', $('#repository-url').val());
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
}
|
||||
</li>
|
||||
</ul>
|
||||
<div style="width: 200px; margin-top: 20px;" class="pull-right">
|
||||
<div style="width: 200px; margin-top: 20px;" class="pull-right pc">
|
||||
@defining(15){ max =>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading strong">
|
||||
|
||||
@@ -58,7 +58,7 @@ h6 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.head .octicon,.head .mega-octicon{
|
||||
.head .octicon, .head .mega-octicon{
|
||||
color : #BBB;
|
||||
}
|
||||
|
||||
@@ -70,57 +70,6 @@ blockquote p {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/*
|
||||
.nav {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.table-bordered {
|
||||
border-collapse: inherit;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.table-bordered > thead > tr > th,
|
||||
.table-bordered > tbody > tr > th,
|
||||
.table-bordered > tbody > tr > td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.table-bordered > thead > tr:first-child > th:nth-of-type(1),
|
||||
.table-bordered > tbody > tr:first-child > th:nth-of-type(1),
|
||||
.table-bordered > tbody > tr:first-child > td:nth-of-type(1) {
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
.table-bordered > thead > tr:first-child > th:nth-last-of-type(1),
|
||||
.table-bordered > tbody > tr:first-child > th:nth-last-of-type(1),
|
||||
.table-bordered > tbody > tr:first-child > td:nth-last-of-type(1) {
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
|
||||
.table-bordered > tbody > tr:last-child > td:nth-of-type(1) {
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
.table-bordered > tbody > tr:last-child > td:nth-last-of-type(1) {
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.table-bordered > tbody > tr:last-child > td {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
*/
|
||||
/*
|
||||
.table-bordered > thead > tr > th,
|
||||
.table-bordered > thead > tr > td {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
*/
|
||||
/*
|
||||
.tab-content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
*/
|
||||
.danger {
|
||||
color: #900;
|
||||
}
|
||||
@@ -167,43 +116,6 @@ pre.reset {
|
||||
/* ======================================================================== */
|
||||
/* Global Header */
|
||||
/* ======================================================================== */
|
||||
/*
|
||||
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.header-menu {
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
div.header-menu .octicon{
|
||||
color: #333;
|
||||
}
|
||||
|
||||
div.header-menu input,
|
||||
div.header-menu a.btn {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/*
|
||||
div.nav-collapse a.menu {
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
div.nav-collapse a.btn-last,
|
||||
div.nav-collapse a.menu-last {
|
||||
margin-right: 30px;
|
||||
}
|
||||
*/
|
||||
|
||||
.navbar-brand {
|
||||
height: unset;
|
||||
padding: 8px;
|
||||
@@ -211,6 +123,7 @@ div.nav-collapse a.menu-last {
|
||||
|
||||
.navbar {
|
||||
min-height: unset;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
span.header-version {
|
||||
@@ -277,6 +190,7 @@ div.pagination {
|
||||
*/
|
||||
|
||||
div.body {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
@@ -412,23 +326,6 @@ div.box-content {
|
||||
padding: 4px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
/*
|
||||
div > div.box-content-row:nth-of-type(1) {
|
||||
border: none;
|
||||
}
|
||||
|
||||
div.box-content-row {
|
||||
border-top: 1px solid #d8d8d8;
|
||||
padding: 4px;
|
||||
}
|
||||
*/
|
||||
/*
|
||||
div.repo-link {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
*/
|
||||
|
||||
li.repo-link, li.page-link {
|
||||
padding-top: 4px;
|
||||
@@ -533,61 +430,56 @@ a.btn-danger:hover .octicon {
|
||||
}
|
||||
|
||||
/****************************************************************************/
|
||||
/* Side Menu */
|
||||
/* Head Menu */
|
||||
/****************************************************************************/
|
||||
ul.sidemenu {
|
||||
div.headbar {
|
||||
background-color: #fafafa;
|
||||
padding-top: 19px;
|
||||
border-bottom: 1px solid #eee;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
ul.headmenu {
|
||||
margin-top: 20px;
|
||||
margin-left: 0px;
|
||||
padding-left: 0px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
ul.sidemenu a {
|
||||
display: block;
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
ul.sidemenu a:hover {
|
||||
ul.headmenu a:hover {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
ul.sidemenu li.active {
|
||||
border-top: 1px solid #eee;
|
||||
border-bottom: 1px solid #eee;
|
||||
border-right: 3px solid #bb4444;
|
||||
border-left: 1px solid white;
|
||||
ul.headmenu li {
|
||||
display: inline-block;
|
||||
list-style-type: none;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
ul.sidemenu li.active a {
|
||||
ul.headmenu li a {
|
||||
color: #666;
|
||||
padding: 8px 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul.headmenu li.active a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
ul.headmenu li.active {
|
||||
border-top: 3px solid #bb4444;
|
||||
border-left: 1px solid #eee;
|
||||
border-right: 1px solid #eee;
|
||||
border-bottom: none;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
ul.headmenu li.active a {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
ul.sidemenu {
|
||||
background-image: -webkit-linear-gradient(left, #f6f6f6 0%, #fff 8px);
|
||||
background-image: linear-gradient(to right, #f6f6f6 0%, #fff 8px);
|
||||
box-shadow: inset 1px 0 0 #eee;
|
||||
}
|
||||
|
||||
ul.sidemenu div.margin {
|
||||
width: 5px;
|
||||
height: 30px;
|
||||
margin-right: 4px;
|
||||
border-left: 1px solid white;
|
||||
}
|
||||
|
||||
ul.sidemenu li {
|
||||
border-left: 1px solid #eee;
|
||||
margin-left:0px;
|
||||
border-right: 2px solid white;
|
||||
list-style-type: none;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
ul.sidemenu span.badge {
|
||||
|
||||
}
|
||||
|
||||
ul.sidemenu a:hover i.menu-icon, ul.sidemenu i.menu-icon-active {
|
||||
color: #333;
|
||||
}
|
||||
/****************************************************************************/
|
||||
/* Create Repository */
|
||||
/****************************************************************************/
|
||||
@@ -636,18 +528,6 @@ a#show-pages-index {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*
|
||||
ul.nav-stacked.side-menu li span.header {
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
border: 1px solid #d8d8d8;
|
||||
display: block;
|
||||
padding: 8px 15px 9px;
|
||||
margin-right: 2px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
*/
|
||||
|
||||
ul.nav-stacked.side-menu li a:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -750,7 +630,6 @@ div.repository-content {
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************/
|
||||
/* Activity */
|
||||
/****************************************************************************/
|
||||
@@ -978,73 +857,6 @@ span.simplified-path {
|
||||
color: #0088cc;
|
||||
}
|
||||
|
||||
/****************************************************************************/
|
||||
/* nav pulls group */
|
||||
/****************************************************************************/
|
||||
|
||||
|
||||
/*
|
||||
.nav-pills-group:after {
|
||||
display: table;
|
||||
line-height: 0;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.nav-pills-group:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.nav-pills-group > li {
|
||||
float: left;
|
||||
}
|
||||
*/
|
||||
/*
|
||||
.nav-pills > li + li {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.nav-pills > li > a {
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
line-height: 14px;
|
||||
color: #666;
|
||||
font-weight: bold;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.nav-pills > li > a {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
border-left : 1px solid #e5e5e5;
|
||||
border-top : 1px solid #e5e5e5;
|
||||
border-bottom : 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.nav-pills > li:nth-of-type(1) > a {
|
||||
-webkit-border-radius: 4px 0 0 4px;
|
||||
-moz-border-radius: 4px 0 0 4px;
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
|
||||
.nav-pills > li:nth-last-of-type(1) > a {
|
||||
-webkit-border-radius: 0 4px 4px 0;
|
||||
-moz-border-radius: 0 4px 4px 0;
|
||||
border-radius: 0 4px 4px 0;
|
||||
border-right : 1px solid #e5e5e5;
|
||||
}
|
||||
*/
|
||||
/*
|
||||
.nav-pills-group > .active > a,
|
||||
.nav-pills-group > .active > a:hover,
|
||||
.nav-pills-group > .active > a:focus {
|
||||
color: #ffffff;
|
||||
background-color: #0088cc;
|
||||
border-color: #0088cc;
|
||||
}
|
||||
*/
|
||||
|
||||
/****************************************************************************/
|
||||
/* Issues */
|
||||
/****************************************************************************/
|
||||
@@ -1081,11 +893,11 @@ table.table-issues {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
table.table-issues td .octicon-issue-opened,table.table-issues td .octicon-git-pull-request .open {
|
||||
table.table-issues td .octicon-issue-opened, table.table-issues td .octicon-git-pull-request .open {
|
||||
color: #6CC644;
|
||||
}
|
||||
|
||||
table.table-issues td .octicon-issue-closed,table.table-issues td .octicon-git-pull-request .closed{
|
||||
table.table-issues td .octicon-issue-closed, table.table-issues td .octicon-git-pull-request .closed{
|
||||
color : #BD2C00;;
|
||||
}
|
||||
|
||||
@@ -1157,47 +969,6 @@ div.milestone-menu a.delete {
|
||||
color: #b00;
|
||||
}
|
||||
|
||||
/*
|
||||
div#milestone-progress-area {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
div#milestone-progress-area div.milestone-progress {
|
||||
width: 130px;
|
||||
margin-bottom: -6px;
|
||||
}
|
||||
|
||||
div.milestone-progress {
|
||||
position: relative;
|
||||
height: 10px;
|
||||
color: white;
|
||||
margin-bottom: 4px;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
text-shadow: 0px 0px 5px #444;
|
||||
background-color: silver;
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
}
|
||||
|
||||
span.milestone-progress {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
background-color: green;
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
}
|
||||
|
||||
div.issue-header {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
*/
|
||||
|
||||
div.issue-info {
|
||||
border-top: 1px solid #e5e5e5;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
@@ -1207,21 +978,6 @@ div.issue-info {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
/*
|
||||
div.issue-content {
|
||||
padding: 13px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
div.issue-content p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
div.issue-content p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
*/
|
||||
|
||||
h4#issueTitle {
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
@@ -1429,18 +1185,6 @@ a.absent {
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
/*
|
||||
div.wiki-index-header {
|
||||
background-color: #f5f5f5;
|
||||
color: #333333;
|
||||
margin: 0;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
border: 1px solid #d8d8d8;
|
||||
padding: 8px 8px 8px 8px;
|
||||
}
|
||||
*/
|
||||
|
||||
div.wiki-sidebar {
|
||||
background-color: white;
|
||||
border: 1px solid #d8d8d8;
|
||||
@@ -1470,18 +1214,6 @@ div.wiki-footer {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
/*
|
||||
div.wiki-index-content {
|
||||
background-color: white;
|
||||
border: 1px solid #d8d8d8;
|
||||
padding: 0px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
margin-bottom: 20px;
|
||||
border-top: none;
|
||||
}
|
||||
*/
|
||||
|
||||
/****************************************************************************/
|
||||
/* Commit */
|
||||
/****************************************************************************/
|
||||
@@ -2220,40 +1952,51 @@ div.container.blame-container{
|
||||
/* Mobile */
|
||||
/****************************************************************************/
|
||||
@media (max-width: 767px) {
|
||||
body>form#search {
|
||||
margin: 0 -20px 20px -20px;
|
||||
/* Hide header search box */
|
||||
input[name=query] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body>div.dashboard-nav {
|
||||
margin: 0 -20px 20px -20px;
|
||||
padding: 0 10px;
|
||||
#dashboard-signin-form {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: auto !important;
|
||||
}
|
||||
.body>div.pull-left {
|
||||
width: auto !important;
|
||||
}
|
||||
.pc {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Adjust issue / comment form */
|
||||
#issue-title {
|
||||
width: 100% !important;
|
||||
}
|
||||
div.attachable>textarea,
|
||||
div.attachable>div.clickable {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/* Adjust issue search box size and position */
|
||||
#search-filter-box {
|
||||
width: 90% !important;
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
right: 20px;
|
||||
margin-top: 42px;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
form#search-filter-form {
|
||||
float: none !important;
|
||||
margin-bottom: 80px !important;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
form#search-filter-form>div.form-group {
|
||||
width: 100% !important;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.table-issues a.button-link {
|
||||
width: 42px;
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*
|
||||
.nav-tabs a.btn[href$="/_edit"] {
|
||||
width: 24px;
|
||||
white-space: nowrap;
|
||||
@@ -2261,48 +2004,34 @@ div.container.blame-container{
|
||||
padding: 4px 6px;
|
||||
margin: 3px 4px 0 0;
|
||||
}
|
||||
|
||||
*/
|
||||
body>div.container.body {
|
||||
margin: 0 -12px 40px -12px;
|
||||
}
|
||||
|
||||
/* Adjust sidemenu */
|
||||
.container.body>div[style="width: 170px;"]{
|
||||
width: 32px !important;
|
||||
margin-right: -5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.container.body>div[style="margin-right: 180px;"]{
|
||||
margin-right: 32px !important;
|
||||
/* Hide badge of sidemenu */
|
||||
.container.body>div[style="width: 170px;"] span.badge {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.container.body>div[style="width: 170px;"] .sidemenu i, .container.body>div[style="width: 170px;"] .sidemenu img {
|
||||
padding-right: 5px;
|
||||
/* Hide download button */
|
||||
.container.body>div[style="width: 170px;"] a.btn-sm {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide repository url box */
|
||||
.container.body>div[style="width: 170px;"] .small,.container.body>div[style="width: 170px;"] .input-group {
|
||||
.container.body>div[style="width: 170px;"] .small,
|
||||
.container.body>div[style="width: 170px;"] .input-group {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.container.body>div[style="width: 170px;"] div[style="margin-top: 10px;"] a.btn{
|
||||
width: 26px !important;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.container.body>div[style="width: 170px;"] div[style="margin-top: 10px;"] a.btn i {
|
||||
margin: 5px 10px 5px 6px;
|
||||
}
|
||||
|
||||
/* Hide fork button */
|
||||
div.col-md-1>div.input-group.pull-right {
|
||||
div.input-group>span.fork {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body>.container>#fork-form{
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
/****************************************************************************/
|
||||
|
||||
Reference in New Issue
Block a user