@ -1,229 +1,233 @@ | |||
@import "../ui/var"; | |||
.org-header-alert .alert { | |||
margin-top: 10px; | |||
margin-top: 10px; | |||
} | |||
.org-header { | |||
padding: 16px 0; | |||
background-color: #FFF; | |||
border-bottom: 1px solid #DDD; | |||
img { | |||
padding-right: 10px; | |||
} | |||
padding: 16px 0; | |||
background-color: #FFF; | |||
border-bottom: 1px solid #DDD; | |||
img { | |||
padding-right: 10px; | |||
} | |||
} | |||
#org-home-header { | |||
min-height: 100px; | |||
min-height: 100px; | |||
} | |||
#org-header { | |||
height: 48px; | |||
.org-name { | |||
padding-left: 10px; | |||
font-size: 1.4em; | |||
height: 50px; | |||
line-height: 50px; | |||
margin-bottom: 0; | |||
} | |||
> div { | |||
> .menu-line { | |||
> li { | |||
&.right { | |||
> a { | |||
font-size: 1.2em; | |||
color: @dashboardHeaderLinkColor; | |||
&:hover { | |||
background-color: transparent; | |||
color: @dashboardHeaderLinkHoverColor; | |||
} | |||
.octicon { | |||
margin-right: 6px; | |||
} | |||
} | |||
.current { | |||
border-bottom: 2px solid #D26911; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
height: 48px; | |||
.org-name { | |||
padding-left: 10px; | |||
font-size: 1.4em; | |||
height: 50px; | |||
line-height: 50px; | |||
margin-bottom: 0; | |||
} | |||
> div { | |||
> .menu-line { | |||
> li { | |||
&.right { | |||
> a { | |||
font-size: 1.2em; | |||
color: @dashboardHeaderLinkColor; | |||
&:hover { | |||
background-color: transparent; | |||
color: @dashboardHeaderLinkHoverColor; | |||
} | |||
.octicon { | |||
margin-right: 4px; | |||
} | |||
.label{ | |||
margin-left: 4px; | |||
font-size: .6em; | |||
} | |||
} | |||
.current { | |||
border-bottom: 2px solid #D26911; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
#org-home-header-info { | |||
padding-top: 10px; | |||
h2 { | |||
font-size: 30px; | |||
} | |||
ul { | |||
list-style: none; | |||
li { | |||
float: left; | |||
padding-right: 5px; | |||
} | |||
} | |||
padding-top: 10px; | |||
h2 { | |||
font-size: 30px; | |||
} | |||
ul { | |||
list-style: none; | |||
li { | |||
float: left; | |||
padding-right: 5px; | |||
} | |||
} | |||
} | |||
#org-home-repo-list { | |||
padding: 10px 0; | |||
padding: 10px 0; | |||
} | |||
#org-repo-list { | |||
padding: 10px 0; | |||
.org-repo-item { | |||
border-top: 1px solid #eee; | |||
padding: 30px 20px; | |||
.org-repo-status { | |||
list-style: none; | |||
color: #888; | |||
li { | |||
float: left; | |||
margin-right: 6px; | |||
} | |||
} | |||
h2 { | |||
margin-bottom: 5px; | |||
} | |||
.org-repo-description { | |||
margin: 0; | |||
font-size: 14px; | |||
color: #666; | |||
} | |||
.org-repo-updated { | |||
font-size: 12px; | |||
display: block; | |||
margin: 5px 0 0; | |||
color: #808080; | |||
} | |||
} | |||
padding: 10px 0; | |||
.org-repo-item { | |||
border-top: 1px solid #eee; | |||
padding: 30px 20px; | |||
.org-repo-status { | |||
list-style: none; | |||
color: #888; | |||
li { | |||
float: left; | |||
margin-right: 6px; | |||
} | |||
} | |||
h2 { | |||
margin-bottom: 5px; | |||
} | |||
.org-repo-description { | |||
margin: 0; | |||
font-size: 14px; | |||
color: #666; | |||
} | |||
.org-repo-updated { | |||
font-size: 12px; | |||
display: block; | |||
margin: 5px 0 0; | |||
color: #808080; | |||
} | |||
} | |||
} | |||
.org-sidebar { | |||
margin: -80px 0 0 20px; | |||
.panel-footer { | |||
padding: .8em 1.2em; | |||
} | |||
.member-avatar-group { | |||
padding: 15px; | |||
img { | |||
width: 59px; | |||
height: 59px; | |||
border-radius: 3px; | |||
} | |||
} | |||
margin: -80px 0 0 20px; | |||
.panel-footer { | |||
padding: .8em 1.2em; | |||
} | |||
.member-avatar-group { | |||
padding: 15px; | |||
img { | |||
width: 59px; | |||
height: 59px; | |||
border-radius: 3px; | |||
} | |||
} | |||
} | |||
#org-home-team-list { | |||
padding: 0 15px; | |||
ul { | |||
list-style: none; | |||
padding-top: 10px; | |||
li { | |||
padding: 10px 0; | |||
border-bottom: 1px solid #eee; | |||
&:last-child { | |||
border-bottom: 0; | |||
} | |||
} | |||
} | |||
padding: 0 15px; | |||
ul { | |||
list-style: none; | |||
padding-top: 10px; | |||
li { | |||
padding: 10px 0; | |||
border-bottom: 1px solid #eee; | |||
&:last-child { | |||
border-bottom: 0; | |||
} | |||
} | |||
} | |||
} | |||
.team-name { | |||
display: block; | |||
font-size: 14px; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: nowrap; | |||
display: block; | |||
font-size: 14px; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: nowrap; | |||
} | |||
.team-meta { | |||
margin-top: 0; | |||
margin-bottom: 0; | |||
color: #777; | |||
margin-top: 0; | |||
margin-bottom: 0; | |||
color: #777; | |||
} | |||
.org-toolbar { | |||
padding: 10px 0; | |||
border-bottom: 1px solid #eee; | |||
padding: 10px 0; | |||
border-bottom: 1px solid #eee; | |||
} | |||
#org-member-list { | |||
.org-member-item { | |||
height: 50px; | |||
line-height: 50px; | |||
border-bottom: 1px solid #eee; | |||
padding: 15px 20px; | |||
.member-name { | |||
padding-left: 15px; | |||
} | |||
ul { | |||
list-style: none; | |||
li { | |||
text-align: center; | |||
display: inline-block; | |||
} | |||
} | |||
} | |||
.org-member-item { | |||
height: 50px; | |||
line-height: 50px; | |||
border-bottom: 1px solid #eee; | |||
padding: 15px 20px; | |||
.member-name { | |||
padding-left: 15px; | |||
} | |||
ul { | |||
list-style: none; | |||
li { | |||
text-align: center; | |||
display: inline-block; | |||
} | |||
} | |||
} | |||
} | |||
.invite-box { | |||
padding: 50px 0; | |||
min-height: 130px; | |||
margin: 0 auto; | |||
width: 50%; | |||
input { | |||
width: 300px; | |||
} | |||
padding: 50px 0; | |||
min-height: 130px; | |||
margin: 0 auto; | |||
width: 50%; | |||
input { | |||
width: 300px; | |||
} | |||
} | |||
#org-member-list-block { | |||
padding-top: 2px; | |||
padding-top: 2px; | |||
} | |||
.org-team-list { | |||
.org-team-list-item { | |||
float: left; | |||
padding: 15px; | |||
width: 555px; | |||
.member-avatar-group { | |||
padding: 5px 15px; | |||
img { | |||
width: 38px; | |||
height: 38px; | |||
border-radius: 3px; | |||
} | |||
} | |||
} | |||
.org-team-list-item { | |||
float: left; | |||
padding: 15px; | |||
width: 555px; | |||
.member-avatar-group { | |||
padding: 5px 15px; | |||
img { | |||
width: 38px; | |||
height: 38px; | |||
border-radius: 3px; | |||
} | |||
} | |||
} | |||
} | |||
#team-create-form { | |||
.note { | |||
margin-left: 153px; | |||
} | |||
.note { | |||
margin-left: 153px; | |||
} | |||
} | |||
#org-team-card { | |||
.desc { | |||
font-size: 14px; | |||
padding: 10px 20px; | |||
} | |||
.team-stats { | |||
padding: 0 20px 10px 20px; | |||
text-transform: uppercase; | |||
border-bottom: 1px solid #dddddd; | |||
} | |||
.panel-footer { | |||
padding: 10px 20px; | |||
} | |||
.desc { | |||
font-size: 14px; | |||
padding: 10px 20px; | |||
} | |||
.team-stats { | |||
padding: 0 20px 10px 20px; | |||
text-transform: uppercase; | |||
border-bottom: 1px solid #dddddd; | |||
} | |||
.panel-footer { | |||
padding: 10px 20px; | |||
} | |||
} | |||
#team-repositories-list, | |||
#team-members-list { | |||
.panel-body .search { | |||
padding: 4px 0 10px 10px; | |||
border-bottom: 1px solid #dddddd; | |||
} | |||
li { | |||
&.collab { | |||
padding-top: 10px !important; | |||
border-bottom: 1px solid #dddddd; | |||
} | |||
&:last-child { | |||
border-bottom: 0 !important; | |||
} | |||
} | |||
.panel-body .search { | |||
padding: 4px 0 10px 10px; | |||
border-bottom: 1px solid #dddddd; | |||
} | |||
li { | |||
&.collab { | |||
padding-top: 10px !important; | |||
border-bottom: 1px solid #dddddd; | |||
} | |||
&:last-child { | |||
border-bottom: 0 !important; | |||
} | |||
} | |||
} | |||
#team-repositories-list { | |||
li { | |||
a .octicon { | |||
color: #888; | |||
} | |||
.member { | |||
color: @linkColor; | |||
font-size: 14px; | |||
height: 40px; | |||
line-height: 40px; | |||
} | |||
} | |||
li { | |||
a .octicon { | |||
color: #888; | |||
} | |||
.member { | |||
color: @linkColor; | |||
font-size: 14px; | |||
height: 40px; | |||
line-height: 40px; | |||
} | |||
} | |||
} |
@ -1,9 +1,130 @@ | |||
{{template "base/head" .}} | |||
{{template "base/navbar" .}} | |||
{{template "repo/nav" .}} | |||
{{template "repo/toolbar" .}} | |||
<div id="body" class="container"> | |||
<div id="source"> | |||
{{template "ng/base/head" .}} | |||
{{template "ng/base/header" .}} | |||
<div id="repo-wrapper"> | |||
{{template "repo/header" .}} | |||
<div class="clear container repo-issue-wrapper repo-pr"> | |||
<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> | |||
{{template "base/footer" .}} | |||
</div> | |||
{{template "ng/base/footer" .}} |