Template
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo synced 2024-12-05 02:54:46 +01:00
forgejo/public/ng/less/gogs/issue.less

413 lines
6.4 KiB
Text
Raw Normal View History

2014-08-06 03:18:29 +02:00
@import "../ui/var";
2014-09-23 17:36:09 +02:00
// pull request main content
2014-08-06 03:18:29 +02:00
.pr-main {
2014-09-23 17:36:09 +02:00
margin-right: 100px;
2014-08-06 03:18:29 +02:00
}
2014-09-23 17:36:09 +02:00
// right bar in pull request page
2014-08-06 03:18:29 +02:00
.pr-sidebar {
border-left: 1px solid #DDD;
box-sizing: border-box;
2014-09-23 17:36:09 +02:00
position: absolute;
2014-09-27 11:31:44 +02:00
right: 0;
top: 12px;
2014-08-06 03:18:29 +02:00
}
.pr-title {
.pr-num {
font-weight: normal;
color: #888;
}
padding: 4px 0;
2014-08-06 03:18:29 +02:00
}
.pr-meta {
color: #888;
padding: 4px 0 8px 0;
2014-08-06 03:18:29 +02:00
.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;
2014-08-06 03:18:29 +02:00
}
.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;
2014-10-18 16:52:34 +02:00
}
// #issue list navigator
#issue-list-nav {
border-bottom: 1px solid #DDD;
padding-bottom: 12px;
2014-10-18 16:52:34 +02:00
li {
> a {
font-size: 13px;
font-weight: bold;
padding: .2em .8em;
2014-10-18 16:52:34 +02:00
}
}
li.current {
> a {
background-color: #0079bc;
color: #FAFAFA;
}
}
li.right {
margin-left: 4px;
}
}
// new issue button
2014-11-24 15:33:04 +01:00
#issue-new,
#milestone-new{
2014-10-18 16:52:34 +02:00
> a {
padding: 0 !important;
button {
height: 29px;
2014-10-18 16:52:34 +02:00
}
}
2014-11-04 14:58:28 +01:00
}
// 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 {
2014-11-04 14:58:28 +01:00
.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;
}
.index-num {
padding: .25em .6em;
}
2014-11-04 14:58:28 +01:00
}
.comment {
color: #666;
position: absolute;
top: 6px;
right: 0;
}
.issue-label {
padding: .25em .6em;
2014-11-04 14:58:28 +01:00
a {
color: #FFF;
}
}
.desc {
color: #999;
a {
color: #999;
&:hover {
color: #03a2ef;
}
}
}
}
// 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 {
.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;
}
2014-11-24 15:33:04 +01:00
}
// milestone items
#milestone-list{
padding-top: 6px;
.title-text{
font-size: 16px;
}
.desc {
color: #999;
2014-11-24 16:13:42 +01:00
line-height: 30px;
}
.content{
width: 400px;
2014-11-24 15:33:04 +01:00
}
.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;
}
}
2014-08-06 03:18:29 +02:00
}