bench-forgejo/public/ng/less/gogs/issue.less
2015-03-19 00:35:17 +01:00

540 lines
8.5 KiB
Text

@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; }
}
}
}