mirror of https://github.com/go-gitea/gitea.git
pull request page ui review, upgrade octicon icons
This commit is contained in:
fuxiaohei
parent
b92cac7038
commit
60c65415dd
|
|
@ -728,7 +728,6 @@ ol.linenums {
|
||||||
}
|
}
|
||||||
#dashboard {
|
#dashboard {
|
||||||
padding: 24px 0;
|
padding: 24px 0;
|
||||||
margin-bottom: 60px;
|
|
||||||
}
|
}
|
||||||
#dashboard-sidebar .panel-header h4 {
|
#dashboard-sidebar .panel-header h4 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -1608,12 +1607,16 @@ The register and sign-in page style
|
||||||
background-color: #FFF;
|
background-color: #FFF;
|
||||||
border-color: #DDD;
|
border-color: #DDD;
|
||||||
}
|
}
|
||||||
|
.pr-title {
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
.pr-title .pr-num {
|
.pr-title .pr-num {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #888;
|
color: #888;
|
||||||
}
|
}
|
||||||
.pr-meta {
|
.pr-meta {
|
||||||
color: #888;
|
color: #888;
|
||||||
|
padding: 4px 0 8px 0;
|
||||||
}
|
}
|
||||||
.pr-meta .pr-author {
|
.pr-meta .pr-author {
|
||||||
margin: 0 8px;
|
margin: 0 8px;
|
||||||
|
|
@ -1687,7 +1690,7 @@ The register and sign-in page style
|
||||||
.issue-line,
|
.issue-line,
|
||||||
.issue-merge,
|
.issue-merge,
|
||||||
.issue-add-comment {
|
.issue-add-comment {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
.issue-comment .author-avatar img {
|
.issue-comment .author-avatar img {
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
|
|
@ -1791,6 +1794,7 @@ textarea#issue-add-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
|
resize: vertical;
|
||||||
}
|
}
|
||||||
.org-header-alert .alert {
|
.org-header-alert .alert {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
@ -1825,7 +1829,11 @@ textarea#issue-add-content {
|
||||||
color: #d9453d;
|
color: #d9453d;
|
||||||
}
|
}
|
||||||
#org-header > div > .menu-line > li.right > a .octicon {
|
#org-header > div > .menu-line > li.right > a .octicon {
|
||||||
margin-right: 6px;
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
#org-header > div > .menu-line > li.right > a .label {
|
||||||
|
margin-left: 4px;
|
||||||
|
font-size: .6em;
|
||||||
}
|
}
|
||||||
#org-header > div > .menu-line > li.right .current {
|
#org-header > div > .menu-line > li.right .current {
|
||||||
border-bottom: 2px solid #D26911;
|
border-bottom: 2px solid #D26911;
|
||||||
|
|
|
||||||
|
|
@ -14,22 +14,20 @@
|
||||||
.mega-octicon is optimized for 32px but can be used larger.
|
.mega-octicon is optimized for 32px but can be used larger.
|
||||||
|
|
||||||
*/
|
*/
|
||||||
.octicon {
|
.octicon, .mega-octicon {
|
||||||
font: normal normal 16px octicons;
|
font: normal normal normal 16px/1 octicons;
|
||||||
line-height: 1;
|
|
||||||
display: inline-block;
|
|
||||||
text-decoration: none;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
.mega-octicon {
|
|
||||||
font: normal normal 32px octicons;
|
|
||||||
line-height: 1;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
text-rendering: auto;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
.mega-octicon { font-size: 32px; }
|
||||||
|
|
||||||
|
|
||||||
.octicon-alert:before { content: '\f02d'} /* */
|
.octicon-alert:before { content: '\f02d'} /* */
|
||||||
.octicon-alignment-align:before { content: '\f08a'} /* */
|
.octicon-alignment-align:before { content: '\f08a'} /* */
|
||||||
|
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -43,7 +43,6 @@
|
||||||
}
|
}
|
||||||
#dashboard {
|
#dashboard {
|
||||||
padding: 24px 0;
|
padding: 24px 0;
|
||||||
margin-bottom: 60px;
|
|
||||||
}
|
}
|
||||||
// dashboard sidebar contains contributed repositories panel,
|
// dashboard sidebar contains contributed repositories panel,
|
||||||
// and my repositories panel
|
// and my repositories panel
|
||||||
|
|
|
||||||
|
|
@ -1,19 +1,15 @@
|
||||||
@import "../ui/var";
|
@import "../ui/var";
|
||||||
|
|
||||||
.repo-issue-wrapper {
|
.repo-issue-wrapper {
|
||||||
padding: 18px 0;
|
padding: 18px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pr-main {
|
.pr-main {
|
||||||
padding-right: 40px;
|
padding-right: 40px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pr-sidebar {
|
.pr-sidebar {
|
||||||
border-left: 1px solid #DDD;
|
border-left: 1px solid #DDD;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pr-sidebar-nav {
|
#pr-sidebar-nav {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
li {
|
li {
|
||||||
|
|
@ -39,16 +35,16 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.pr-title {
|
.pr-title {
|
||||||
.pr-num {
|
.pr-num {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #888;
|
color: #888;
|
||||||
}
|
}
|
||||||
|
padding: 4px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pr-meta {
|
.pr-meta {
|
||||||
color: #888;
|
color: #888;
|
||||||
|
padding: 4px 0 8px 0;
|
||||||
.pr-author {
|
.pr-author {
|
||||||
margin: 0 8px;
|
margin: 0 8px;
|
||||||
color: #444;
|
color: #444;
|
||||||
|
|
@ -62,7 +58,6 @@
|
||||||
padding: 4px 6px;
|
padding: 4px 6px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.pr-nav {
|
.pr-nav {
|
||||||
border-bottom: 1px solid #DDD;
|
border-bottom: 1px solid #DDD;
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
|
|
@ -89,7 +84,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.diff-bar {
|
.diff-bar {
|
||||||
.diff-add {
|
.diff-add {
|
||||||
color: @btnGreenColor;
|
color: @btnGreenColor;
|
||||||
|
|
@ -114,26 +108,22 @@
|
||||||
border-bottom-left-radius: .2em;
|
border-bottom-left-radius: .2em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#pr-commit,
|
#pr-commit,
|
||||||
#pr-file-diff,
|
#pr-file-diff,
|
||||||
#issue-add-comment-preview {
|
#issue-add-comment-preview {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pr-conversation-list {
|
#pr-conversation-list {
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.issue-comment,
|
.issue-comment,
|
||||||
.issue-commit,
|
.issue-commit,
|
||||||
.issue-line,
|
.issue-line,
|
||||||
.issue-merge,
|
.issue-merge,
|
||||||
.issue-add-comment {
|
.issue-add-comment {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.issue-comment {
|
.issue-comment {
|
||||||
.author-avatar {
|
.author-avatar {
|
||||||
img {
|
img {
|
||||||
|
|
@ -165,7 +155,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.issue-commit {
|
.issue-commit {
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
i, .author-avatar img {
|
i, .author-avatar img {
|
||||||
|
|
@ -181,7 +170,6 @@
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.issue-merge {
|
.issue-merge {
|
||||||
.ico {
|
.ico {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
|
@ -202,7 +190,6 @@
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.issue-merge-ok {
|
.issue-merge-ok {
|
||||||
.ico {
|
.ico {
|
||||||
background-color: #65AD4E;
|
background-color: #65AD4E;
|
||||||
|
|
@ -217,12 +204,10 @@
|
||||||
color: darken(#65AD4E, 10%);
|
color: darken(#65AD4E, 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.issue-line {
|
.issue-line {
|
||||||
height: 4px;
|
height: 4px;
|
||||||
background-color: #E6E6E6;
|
background-color: #E6E6E6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.issue-add-comment {
|
.issue-add-comment {
|
||||||
.panel {
|
.panel {
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
|
|
@ -254,9 +239,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea#issue-add-content {
|
textarea#issue-add-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
|
resize: vertical;
|
||||||
}
|
}
|
||||||
|
|
@ -34,7 +34,11 @@
|
||||||
color: @dashboardHeaderLinkHoverColor;
|
color: @dashboardHeaderLinkHoverColor;
|
||||||
}
|
}
|
||||||
.octicon {
|
.octicon {
|
||||||
margin-right: 6px;
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
.label{
|
||||||
|
margin-left: 4px;
|
||||||
|
font-size: .6em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.current {
|
.current {
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,130 @@
|
||||||
{{template "base/head" .}}
|
{{template "ng/base/head" .}}
|
||||||
{{template "base/navbar" .}}
|
{{template "ng/base/header" .}}
|
||||||
{{template "repo/nav" .}}
|
<div id="repo-wrapper">
|
||||||
{{template "repo/toolbar" .}}
|
{{template "repo/header" .}}
|
||||||
<div id="body" class="container">
|
<div class="clear container repo-issue-wrapper repo-pr">
|
||||||
<div id="source">
|
<div class="pr-main grid-11-12 left">
|
||||||
|
<div class="pr-title clear">
|
||||||
|
<h2 class="pr-title grid-5-6 left">Fix: Repo Name can not be converted to lower in some cases <span class="pr-num">#256</span></h2>
|
||||||
|
<div class="pr-title-btn grid-1-6 right text-right">
|
||||||
|
<button class="btn btn-gray btn-radius">Edit</button>
|
||||||
|
<a href="#"><button class="btn btn-green btn-radius">New Issue</button></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pr-meta">
|
||||||
|
<button class="btn btn-small btn-green btn-radius">
|
||||||
|
<i class="octicon octicon-git-pull-request"></i> Open
|
||||||
|
</button>
|
||||||
|
<span class="msg">
|
||||||
|
<a href="#" class="text-bold pr-author">eryx</a>wants to merge 2 commits into <span class="pr-branch label label-gray radius">gogits:master</span> from <span class="pr-branch label label-gray radius">unknown repository</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="pr-nav clear">
|
||||||
|
<ul class="menu menu-line left" id="pr-nav">
|
||||||
|
<li class="current js-tab-nav js-tab-nav-show" data-tab-target="#pr-conversation"><a href="#"><i class="octicon octicon-comment"></i>conversations
|
||||||
|
<span class="label label-gray label-radius">5</span>
|
||||||
|
</a></li>
|
||||||
|
<li class="js-tab-nav" data-tab-target="#pr-commit"><a href="#"><i class="octicon octicon-git-commit"></i>commits
|
||||||
|
<span class="label label-gray label-radius">2</span>
|
||||||
|
</a></li>
|
||||||
|
<li class="js-tab-nav" data-tab-target="#pr-file-diff"><a href="#"><i class="octicon octicon-file-code"></i>files
|
||||||
|
<span class="label label-gray label-radius">3</span>
|
||||||
|
</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="diff-bar right">
|
||||||
|
<span class="diff-add">+12</span>
|
||||||
|
<span class="inline-block diff-status">
|
||||||
|
<span class="block diff-status-inner"></span>
|
||||||
|
</span>
|
||||||
|
<span class="diff-delete">-7</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="pr-conversation" class="js-tab-show clear">
|
||||||
|
<div id="pr-conversation-list" class="left grid-5-6">
|
||||||
|
<div class="issue-comment clear">
|
||||||
|
<a class="author-avatar" href="#"><img class="avatar-40 radius" src="https://avatars2.githubusercontent.com/u/275347?v=1&s=96" alt=""/></a>
|
||||||
|
<div class="panel panel-radius">
|
||||||
|
<p class="panel-header clear"><a class="author-name" href="#">eryx</a>
|
||||||
|
<span class="date">7 days ago</span>
|
||||||
|
<span class="action right">
|
||||||
|
<span class="label label-black label-radius">owner</span>
|
||||||
|
<a href="#"><i class="octicon octicon-pencil"></i></a>
|
||||||
|
<a href="#"><i class="octicon octicon-x"></i></a>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<div class="panel-content content markdown">just like github.com, the RepoName can not be converted to lower in the case of backend data storage, or frontend clone link display.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="issue-commit clear">
|
||||||
|
<i class="mega-octicon octicon-git-commit left"></i>
|
||||||
|
<a class="author-avatar left" href="#"><img class="avatar-24 radius" src="https://avatars2.githubusercontent.com/u/275347?v=1&s=96" alt=""/></a>
|
||||||
|
<a class="sha right" href="#">8e259ba</a>
|
||||||
|
<span class="message">Fix: Repo Name can not be converted to lower in the case of backend data storage, or frontend clone link display. or frontend clone link display or frontend clone link display.</span>
|
||||||
|
</div>
|
||||||
|
<div class="issue-line"></div>
|
||||||
|
<div class="issue-merge issue-merge-ok clear">
|
||||||
|
<span class="inline-block radius ico"><i class="mega-octicon octicon-git-pull-request"></i></span>
|
||||||
|
<div class="panel panel-radius">
|
||||||
|
<p class="panel-header clear">
|
||||||
|
<i class="octicon octicon-check"></i><strong>All is well !</strong>
|
||||||
|
</p>
|
||||||
|
<div class="panel-content content clear">
|
||||||
|
<div class="message left"><strong>This pull request can be automatically merged.</strong><br/>
|
||||||
|
You can also merge branches on the <a href="#">command line</a>.</div>
|
||||||
|
<button class="btn btn-green right btn-radius">
|
||||||
|
<i class="octicon octicon-git-merge"></i>
|
||||||
|
Merge Pull Request
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="issue-add-comment clear">
|
||||||
|
<a class="author-avatar" href="#"><img class="avatar-40 radius" src="https://avatars2.githubusercontent.com/u/275347?v=1&s=96" alt=""/></a>
|
||||||
|
<div class="panel panel-radius">
|
||||||
|
<div class="panel-header">
|
||||||
|
<ul class="menu menu-line add-nav">
|
||||||
|
<li class="js-tab-nav js-tab-nav-show" data-tab-target="#issue-add-comment-form"><a href="#">Write</a></li>
|
||||||
|
<li class="js-tab-nav" data-tab-target="#issue-add-comment-preview"><a href="#">Preview</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="panel-content content">
|
||||||
|
<form id="issue-add-comment-form" action="#" method="post">
|
||||||
|
<textarea class="ipt ipt-radius" name="content" id="issue-add-content"></textarea>
|
||||||
|
<p class="submit text-right">
|
||||||
|
<button class="btn btn-gray btn-radius text-bold" name="submit" value="close">Close pull request</button>
|
||||||
|
<button class="btn btn-green btn-radius text-bold" name="submit" value="comment">Comment</button>
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<div id="issue-add-comment-preview">
|
||||||
|
preview
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="pr-conversation-sidebar" class="left grid-1-6">
|
||||||
|
1-4
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="pr-commit">commit</div>
|
||||||
|
<div id="pr-file-diff">file diff</div>
|
||||||
|
</div>
|
||||||
|
<div class="pr-sidebar grid-1-12 right">
|
||||||
|
<ul class="menu menu-vertical" id="pr-sidebar-nav">
|
||||||
|
<li><a href="#" class="btn-right-radius"><i class="octicon octicon-code"></i>
|
||||||
|
<span class="right">code</span></a></li>
|
||||||
|
<li class="border-bottom"></li>
|
||||||
|
<li><a href="#" class="btn-right-radius"><i class="octicon octicon-issue-opened"></i>
|
||||||
|
<span class="num right label label-blue label-radius">12</span>
|
||||||
|
</a></li>
|
||||||
|
<li class="current"><a href="#" class="btn-right-radius"><i class="octicon octicon-git-pull-request"></i>
|
||||||
|
<span class="num right label label-black label-radius">12</span>
|
||||||
|
</a></li>
|
||||||
|
<li class="border-bottom"></li>
|
||||||
|
<li><a href="#" class="btn-right-radius"><i class="octicon octicon-tools"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{template "base/footer" .}}
|
</div>
|
||||||
|
{{template "ng/base/footer" .}}
|
||||||
Loading…
Reference in New Issue