mirror of https://github.com/gogits/gogs.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
540 lines
8.5 KiB
540 lines
8.5 KiB
@import "../ui/var"; |
|
// pull request main content |
|
.pr-main { |
|
margin-right: 100px; |
|
} |
|
// right bar in pull request page |
|
.pr-sidebar { |
|
border-left: 1px solid #DDD; |
|
box-sizing: border-box; |
|
position: absolute; |
|
right: 0; |
|
top: 12px; |
|
} |
|
.pr-title { |
|
.pr-num { |
|
font-weight: normal; |
|
color: #888; |
|
} |
|
padding: 4px 0; |
|
} |
|
.pr-meta { |
|
color: #888; |
|
padding: 4px 0 8px 0; |
|
.pr-author { |
|
margin: 0 8px; |
|
color: #444; |
|
&:hover { |
|
text-decoration: underline; |
|
} |
|
} |
|
.pr-branch { |
|
margin: 0 4px; |
|
font-size: 12px; |
|
padding: 4px 6px; |
|
} |
|
} |
|
.pr-nav { |
|
border-bottom: 1px solid #DDD; |
|
margin-top: 16px; |
|
margin-bottom: 16px; |
|
.octicon { |
|
margin-right: 4px; |
|
} |
|
li > a { |
|
padding: 3px 9px !important; |
|
border: 1px solid transparent; |
|
border-bottom: none; |
|
.label { |
|
padding: 1px 5px; |
|
font-size: 12px; |
|
margin-left: 4px; |
|
} |
|
border-top-left-radius: .2em; |
|
border-top-right-radius: .2em; |
|
} |
|
li.js-tab-nav-show { |
|
> a { |
|
background-color: #FFF; |
|
border-color: #E6E6E6; |
|
} |
|
} |
|
} |
|
.diff-bar { |
|
.diff-add { |
|
color: @btnGreenColor; |
|
} |
|
.diff-delete { |
|
color: @btnRedColor; |
|
} |
|
.diff-status { |
|
width: 50px; |
|
background-color: @btnRedColor; |
|
height: 10px; |
|
margin-top: 7px; |
|
margin-left: 4px; |
|
margin-right: 4px; |
|
border-radius: .2em; |
|
} |
|
.diff-status-inner { |
|
width: 45%; |
|
background-color: @btnGreenColor; |
|
height: 10px; |
|
border-top-left-radius: .2em; |
|
border-bottom-left-radius: .2em; |
|
} |
|
} |
|
#pr-commit, |
|
#pr-file-diff, |
|
#issue-add-comment-preview { |
|
display: none; |
|
} |
|
#pr-conversation-list { |
|
padding-right: 30px; |
|
box-sizing: border-box; |
|
} |
|
.issue-comment, |
|
.issue-commit, |
|
.issue-line, |
|
.issue-merge, |
|
.issue-add-comment { |
|
margin-bottom: 24px; |
|
} |
|
.issue-comment { |
|
.author-avatar { |
|
img { |
|
margin-right: 12px; |
|
} |
|
} |
|
.panel { |
|
margin-left: 60px; |
|
margin-top: -40px; |
|
} |
|
.panel-header { |
|
font-size: 13px; |
|
} |
|
.author-name { |
|
font-weight: bold; |
|
} |
|
.date { |
|
margin-left: 4px; |
|
font-style: italic; |
|
color: #888; |
|
} |
|
.action { |
|
> * { |
|
margin-left: 4px; |
|
font-size: 12px; |
|
} |
|
i { |
|
font-size: 13px; |
|
} |
|
} |
|
} |
|
.issue-commit { |
|
line-height: 32px; |
|
i, .author-avatar img { |
|
margin-right: 16px; |
|
} |
|
.sha { |
|
margin-left: 24px; |
|
} |
|
.message { |
|
display: block; |
|
margin-left: 88px; |
|
padding-top: 4px; |
|
line-height: 24px; |
|
} |
|
} |
|
.issue-merge { |
|
.ico { |
|
width: 40px; |
|
height: 40px; |
|
text-align: center; |
|
color: #FFF; |
|
i { |
|
margin-top: 8px; |
|
font-size: 24px; |
|
} |
|
margin-right: 12px; |
|
} |
|
.panel { |
|
margin-left: 60px; |
|
margin-top: -40px; |
|
} |
|
.panel-header { |
|
font-size: 13px; |
|
} |
|
} |
|
.issue-merge-ok { |
|
.ico { |
|
background-color: #65AD4E; |
|
} |
|
.panel, |
|
.panel-content, |
|
.panel-header { |
|
border-color: #65AD4E; |
|
background-color: #FFF; |
|
} |
|
.panel-header { |
|
color: darken(#65AD4E, 10%); |
|
} |
|
} |
|
.issue-line { |
|
height: 4px; |
|
background-color: #E6E6E6; |
|
} |
|
.issue-add-comment { |
|
.panel { |
|
margin-left: 60px; |
|
margin-top: -40px; |
|
} |
|
.panel-header { |
|
font-size: 13px; |
|
padding-bottom: 0; |
|
} |
|
.add-nav { |
|
> li { |
|
> a { |
|
padding: 4px 12px; |
|
color: #444; |
|
border: 1px solid #CCC; |
|
margin-bottom: -1px; |
|
font-size: 14px; |
|
border-top-left-radius: .3em; |
|
border-top-right-radius: .3em; |
|
&:hover { |
|
background-color: #FFF; |
|
} |
|
} |
|
&.js-tab-nav-show { |
|
> a { |
|
background-color: #FFF; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
textarea#issue-add-content { |
|
width: 100%; |
|
box-sizing: border-box; |
|
height: 120px; |
|
resize: vertical; |
|
} |
|
// #issue list navigator |
|
#issue-list-nav { |
|
border-bottom: 1px solid #DDD; |
|
padding-bottom: 12px; |
|
li { |
|
> a { |
|
font-size: 13px; |
|
font-weight: bold; |
|
padding: .2em .8em; |
|
} |
|
} |
|
li.current { |
|
> a { |
|
background-color: #0079bc; |
|
color: #FAFAFA; |
|
} |
|
} |
|
li.right { |
|
margin-left: 4px; |
|
} |
|
} |
|
// new issue button |
|
#issue-new, |
|
#label-new, |
|
#milestone-new{ |
|
> a { |
|
padding: 0 !important; |
|
button { |
|
height: 29px; |
|
} |
|
} |
|
} |
|
// issue list menu |
|
#issue-list-menu { |
|
padding: 16px 0 12px 0; |
|
border-bottom: 1px solid #BBB; |
|
margin-bottom: 12px; |
|
.mark { |
|
a { |
|
color: #AAA; |
|
&:hover { |
|
color: #444; |
|
} |
|
} |
|
&.hover { |
|
a { |
|
color: #222; |
|
font-weight: bold; |
|
} |
|
} |
|
} |
|
> .left { |
|
.mark { |
|
margin-right: 12px; |
|
} |
|
} |
|
> .right { |
|
.mark { |
|
margin-left: 12px; |
|
} |
|
} |
|
} |
|
// each issue list item |
|
#issue-list, |
|
#pull-list { |
|
.item { |
|
position: relative; |
|
padding-bottom: 12px; |
|
margin-bottom: 12px; |
|
border-bottom: 1px dashed #AAA; |
|
.title > .title-text { |
|
color: #444; |
|
font-size: 15px; |
|
margin: 0 6px; |
|
} |
|
} |
|
.comment { |
|
color: #666; |
|
position: absolute; |
|
top: 6px; |
|
right: 0; |
|
} |
|
.issue-label { |
|
a { |
|
color: #FFF; |
|
} |
|
} |
|
.desc { |
|
color: #999; |
|
a { |
|
color: #999; |
|
&:hover { |
|
color: #03a2ef; |
|
} |
|
} |
|
} |
|
} |
|
// issue list filter |
|
#issue-list-filter{ |
|
.drop > a{ |
|
width: 90px; |
|
padding: 0; |
|
margin-left: 12px; |
|
text-align: center; |
|
} |
|
.drop-down{ |
|
z-index: 999; |
|
width: 236px; |
|
left:-158px; // 260 - 90 - 12 |
|
top:22px; |
|
padding: 0 12px; |
|
h4{ |
|
line-height: 40px; |
|
border-bottom: 1px solid #CCC; |
|
margin-bottom: 0; |
|
} |
|
li{ |
|
line-height: 30px; |
|
border-bottom: 1px dashed #EEE; |
|
padding-left: 9px; |
|
&:hover{ |
|
background-color: #fcffec; |
|
} |
|
} |
|
> ul > li > a{ |
|
display: block; |
|
} |
|
} |
|
.labels{ |
|
.color{ |
|
margin-top: 8px; |
|
display: inline-block; |
|
width: 12px; |
|
height: 12px; |
|
background-color: red; |
|
margin-right: 9px; |
|
margin-left: 9px; |
|
} |
|
.name{ |
|
vertical-align: top; |
|
display: inline-block; |
|
color: #444; |
|
} |
|
} |
|
.milestones{ |
|
a{ |
|
color: #444; |
|
font-weight: bold; |
|
} |
|
} |
|
} |
|
// issue list pager |
|
#issue-list-pager { |
|
margin: 18px 0 24px 0; |
|
font-size: 14px; |
|
line-height: 24px; |
|
} |
|
// labels numbers |
|
#labels-num { |
|
margin-right: 1em; |
|
} |
|
// labels list |
|
#label-list { |
|
a.right { |
|
margin-left: 1em; |
|
color: #999; |
|
i { |
|
margin-right: 3px; |
|
} |
|
line-height: 30px; |
|
&:hover { |
|
color: #444444; |
|
} |
|
} |
|
.num { |
|
margin-right: 3px; |
|
} |
|
.issue-num { |
|
margin-right: 4em; |
|
} |
|
.label { |
|
&:hover { |
|
color: #FFF; |
|
} |
|
i { |
|
margin-right: 6px; |
|
} |
|
} |
|
.item { |
|
height: 30px; |
|
padding-bottom: 12px; |
|
margin-bottom: 12px; |
|
border-bottom: 1px dashed #AAA; |
|
} |
|
} |
|
// label add form, label edit form |
|
#label-add-form, |
|
#label-edit-form, |
|
#label-delete-form{ |
|
.ipt{ |
|
font-size: 14px; |
|
} |
|
.ipt[name=name]{ |
|
width: 300px; |
|
} |
|
.btn{ |
|
height: 33px; |
|
font-size: 14px; |
|
margin-left: 12px; |
|
} |
|
} |
|
#label-add-form{ |
|
padding: 18px 0; |
|
border-bottom: 1px solid #DDD; |
|
} |
|
#label-delete-form{ |
|
span{ |
|
line-height: 33px; |
|
} |
|
} |
|
// label color drop |
|
.label-color-drop{ |
|
.ipt{ |
|
width:100px; |
|
} |
|
.drop-down{ |
|
width:128px !important; |
|
top:22px !important; |
|
left:50px !important; |
|
padding: 12px; |
|
line-height: 16px; |
|
a.color{ |
|
width: 16px; |
|
height: 16px; |
|
display: inline-block; |
|
} |
|
} |
|
label{ |
|
width: 24px; |
|
height: 24px; |
|
display: inline-block; |
|
margin: 0 1em; |
|
vertical-align: middle; |
|
} |
|
} |
|
// milestone items |
|
#milestone-list{ |
|
padding-top: 6px; |
|
.title-text{ |
|
font-size: 16px; |
|
} |
|
.desc { |
|
color: #999; |
|
line-height: 30px; |
|
} |
|
.content{ |
|
width: 400px; |
|
} |
|
.item { |
|
padding-bottom: 18px; |
|
margin-bottom: 18px; |
|
border-bottom: 1px dashed #AAA; |
|
position: relative; |
|
} |
|
.action{ |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
} |
|
.status-bar { |
|
> .bar { |
|
margin: -2px 8px 0 8px; |
|
width: 360px; |
|
background-color: #DDD; |
|
height: 14px; |
|
vertical-align:middle; |
|
} |
|
.opening{ |
|
background-color: #65ad4e; |
|
width: 40%; |
|
height: 14px; |
|
vertical-align: top; |
|
} |
|
} |
|
.action-bar{ |
|
margin-top: 8px; |
|
a{ |
|
margin-left: 12px; |
|
} |
|
} |
|
} |
|
|
|
.issues.list-group { |
|
margin: 10px 0 20px 0; |
|
> .list-group-item { |
|
background-color: #FFF; |
|
border: 1px solid #e5e5e5; |
|
display: block; |
|
padding: 10px 15px; |
|
margin-bottom: -1px; |
|
&:hover { |
|
background-color: rgba(19, 95, 215, 0.03); |
|
} |
|
> .title { |
|
margin-bottom: 16px; |
|
font-weight: bold; |
|
font-size: 1.2em; |
|
> a { color: #444; } |
|
} |
|
> .info span { |
|
margin-right: 12px; |
|
color: #888; |
|
line-height: 20px; |
|
> a { color: #444; } |
|
} |
|
} |
|
}
|
|
|