UI: create issue with title and content
This commit is contained in:
Unknwon
parent
43a87b0caf
commit
590c464c56
18 changed files with 971 additions and 174 deletions
2
public/css/gogs.min.css
vendored
2
public/css/gogs.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -123,6 +123,26 @@ $(document).ready(function () {
|
|||
});
|
||||
$('.poping.up').popup();
|
||||
|
||||
// Comment form
|
||||
$('.comment.form .tabular.menu .item').tab();
|
||||
$('.comment.form .tabular.menu .item[data-tab="preview"]').click(function () {
|
||||
var $this = $(this);
|
||||
console.log($('.comment.form .tab.segment[data-tab="write"] textarea').val())
|
||||
console.log($('.comment.form .tab.segment[data-tab="preview"]').html())
|
||||
$.post($this.data('url'), {
|
||||
"_csrf": csrf,
|
||||
"mode": "gfm",
|
||||
"context": $this.data('context'),
|
||||
"text": $('.comment.form .tab.segment[data-tab="write"] textarea').val()
|
||||
},
|
||||
function (data) {
|
||||
console.log(data)
|
||||
$('.comment.form .tab.segment[data-tab="preview"]').html(data);
|
||||
}
|
||||
)
|
||||
;
|
||||
})
|
||||
|
||||
// Helpers.
|
||||
$('.delete-button').click(function () {
|
||||
var $this = $(this);
|
||||
|
|
|
|||
594
public/less/_markdown.less
Normal file
594
public/less/_markdown.less
Normal file
|
|
@ -0,0 +1,594 @@
|
|||
.markdown {
|
||||
overflow:hidden;
|
||||
font-family:"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
|
||||
font-size:16px;
|
||||
line-height:1.6;
|
||||
word-wrap:break-word;
|
||||
|
||||
>*:first-child {
|
||||
margin-top:0 !important;
|
||||
}
|
||||
|
||||
>*:last-child {
|
||||
margin-bottom:0 !important;
|
||||
}
|
||||
|
||||
a:not([href]) {
|
||||
color:inherit;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.absent {
|
||||
color:#c00;
|
||||
}
|
||||
|
||||
.anchor {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
display:block;
|
||||
padding-right:6px;
|
||||
padding-left:30px;
|
||||
margin-left:-30px;
|
||||
}
|
||||
|
||||
.anchor:focus {
|
||||
outline:none;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
position:relative;
|
||||
margin-top:1em;
|
||||
margin-bottom:16px;
|
||||
font-weight:bold;
|
||||
line-height:1.4;
|
||||
}
|
||||
|
||||
h1 .octicon-link,
|
||||
h2 .octicon-link,
|
||||
h3 .octicon-link,
|
||||
h4 .octicon-link,
|
||||
h5 .octicon-link,
|
||||
h6 .octicon-link {
|
||||
display:none;
|
||||
color:#000;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
h1:hover .anchor,
|
||||
h2:hover .anchor,
|
||||
h3:hover .anchor,
|
||||
h4:hover .anchor,
|
||||
h5:hover .anchor,
|
||||
h6:hover .anchor {
|
||||
padding-left:8px;
|
||||
margin-left:-30px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
h1:hover .anchor .octicon-link,
|
||||
h2:hover .anchor .octicon-link,
|
||||
h3:hover .anchor .octicon-link,
|
||||
h4:hover .anchor .octicon-link,
|
||||
h5:hover .anchor .octicon-link,
|
||||
h6:hover .anchor .octicon-link {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
h1 tt,
|
||||
h1 code,
|
||||
h2 tt,
|
||||
h2 code,
|
||||
h3 tt,
|
||||
h3 code,
|
||||
h4 tt,
|
||||
h4 code,
|
||||
h5 tt,
|
||||
h5 code,
|
||||
h6 tt,
|
||||
h6 code {
|
||||
font-size:inherit;
|
||||
}
|
||||
|
||||
h1 {
|
||||
padding-bottom:0.3em;
|
||||
font-size:2.25em;
|
||||
line-height:1.2;
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
|
||||
h1 .anchor {
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
h2 {
|
||||
padding-bottom:0.3em;
|
||||
font-size:1.75em;
|
||||
line-height:1.225;
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
|
||||
h2 .anchor {
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size:1.5em;
|
||||
line-height:1.43;
|
||||
}
|
||||
|
||||
h3 .anchor {
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size:1.25em;
|
||||
}
|
||||
|
||||
h4 .anchor {
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
h5 .anchor {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size:1em;color:#777;
|
||||
}
|
||||
|
||||
h6 .anchor {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
p,
|
||||
blockquote,
|
||||
ul,
|
||||
ol,
|
||||
dl,
|
||||
table,
|
||||
pre {
|
||||
margin-top:0;
|
||||
margin-bottom:16px;
|
||||
}
|
||||
|
||||
hr {
|
||||
height:4px;
|
||||
padding:0;
|
||||
margin:16px 0;
|
||||
background-color:#e7e7e7;
|
||||
border:0 none;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
padding-left:2em;
|
||||
}
|
||||
|
||||
ul.no-list,
|
||||
ol.no-list {
|
||||
padding:0;
|
||||
list-style-type:none;
|
||||
}
|
||||
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
li>p {
|
||||
margin-top:16px;
|
||||
}
|
||||
|
||||
dl {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
dl dt {
|
||||
padding:0;
|
||||
margin-top:16px;
|
||||
font-size:1em;
|
||||
font-style:italic;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
dl dd {
|
||||
padding:0 16px;
|
||||
margin-bottom:16px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding:0 15px;
|
||||
color:#777;
|
||||
border-left:4px solid #ddd;
|
||||
}
|
||||
|
||||
blockquote>:first-child {
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
blockquote>:last-child {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
table {
|
||||
display:block;
|
||||
width:100%;
|
||||
overflow:auto;
|
||||
word-break:normal;
|
||||
word-break:keep-all;
|
||||
}
|
||||
|
||||
table th {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
table th,
|
||||
table td {
|
||||
padding:6px 13px !important;
|
||||
border:1px solid #ddd;
|
||||
}
|
||||
|
||||
table tr {
|
||||
background-color:#fff;
|
||||
border-top:1px solid #ccc;
|
||||
}
|
||||
|
||||
table tr:nth-child(2n) {
|
||||
background-color:#f8f8f8;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width:100%;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
|
||||
.emoji {
|
||||
max-width:none;
|
||||
}
|
||||
|
||||
span.frame {
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
span.frame>span {
|
||||
display:block;
|
||||
float:left;
|
||||
width:auto;
|
||||
padding:7px;
|
||||
margin:13px 0 0;
|
||||
overflow:hidden;
|
||||
border:1px solid #ddd;
|
||||
}
|
||||
|
||||
span.frame span img {
|
||||
display:block;
|
||||
float:left;
|
||||
}
|
||||
|
||||
span.frame span span {
|
||||
display:block;
|
||||
padding:5px 0 0;
|
||||
clear:both;
|
||||
color:#333;
|
||||
}
|
||||
|
||||
span.align-center {
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
span.align-center>span {
|
||||
display:block;
|
||||
margin:13px auto 0;
|
||||
overflow:hidden;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
span.align-center span img {
|
||||
margin:0 auto;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
span.align-right {
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
span.align-right>span {
|
||||
display:block;
|
||||
margin:13px 0 0;
|
||||
overflow:hidden;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
span.align-right span img {
|
||||
margin:0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
span.float-left {
|
||||
display:block;
|
||||
float:left;
|
||||
margin-right:13px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
span.float-left span {
|
||||
margin:13px 0 0;
|
||||
}
|
||||
|
||||
span.float-right {
|
||||
display:block;
|
||||
float:right;
|
||||
margin-left:13px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
span.float-right>span {
|
||||
display:block;
|
||||
margin:13px auto 0;
|
||||
overflow:hidden;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
code,
|
||||
tt {
|
||||
padding:0;
|
||||
padding-top:0.2em;
|
||||
padding-bottom:0.2em;
|
||||
margin:0;
|
||||
font-size:85%;
|
||||
background-color:rgba(0,0,0,0.04);
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
code:before,
|
||||
code:after,
|
||||
tt:before,
|
||||
tt:after {
|
||||
letter-spacing:-0.2em;
|
||||
content:"\00a0";
|
||||
}
|
||||
|
||||
code br,
|
||||
tt br {
|
||||
display:none;
|
||||
}
|
||||
|
||||
del code {
|
||||
text-decoration:inherit;
|
||||
}
|
||||
|
||||
pre>code {
|
||||
padding:0;
|
||||
margin:0;
|
||||
font-size:100%;
|
||||
word-break:normal;
|
||||
white-space:pre;
|
||||
background:transparent;
|
||||
border:0;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
margin-bottom:16px;
|
||||
}
|
||||
|
||||
.highlight pre,
|
||||
pre {
|
||||
padding:16px;
|
||||
overflow:auto;
|
||||
font-size:85%;
|
||||
line-height:1.45;
|
||||
background-color:#f7f7f7;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.highlight pre {
|
||||
margin-bottom:0;
|
||||
word-break:normal;
|
||||
}
|
||||
|
||||
pre {
|
||||
word-wrap:normal;
|
||||
}
|
||||
|
||||
pre code,
|
||||
pre tt {
|
||||
display:inline;
|
||||
max-width:initial;
|
||||
padding:0;
|
||||
margin:0;
|
||||
overflow:initial;
|
||||
line-height:inherit;
|
||||
word-wrap:normal;
|
||||
background-color:transparent;
|
||||
border:0;
|
||||
}
|
||||
|
||||
pre code:before,
|
||||
pre code:after,
|
||||
pre tt:before,
|
||||
pre tt:after {
|
||||
content:normal;
|
||||
}
|
||||
|
||||
kbd {
|
||||
display:inline-block;
|
||||
padding:3px 5px;
|
||||
font-size:11px;
|
||||
line-height:10px;
|
||||
color:#555;
|
||||
vertical-align:middle;
|
||||
background-color:#fcfcfc;
|
||||
border:solid 1px #ccc;
|
||||
border-bottom-color:#bbb;
|
||||
border-radius:3px;
|
||||
box-shadow:inset 0 -1px 0 #bbb;
|
||||
}
|
||||
|
||||
.csv-data td,
|
||||
.csv-data th {
|
||||
padding:5px;
|
||||
overflow:hidden;
|
||||
font-size:12px;
|
||||
line-height:1;
|
||||
text-align:left;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
.csv-data .blob-num {
|
||||
padding:10px 8px 9px;
|
||||
text-align:right;
|
||||
background:#fff;border:0;
|
||||
}
|
||||
|
||||
.csv-data tr {
|
||||
border-top:0;
|
||||
}
|
||||
|
||||
.csv-data th {
|
||||
font-weight:bold;
|
||||
background:#f8f8f8;border-top:0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Author: jmblog */
|
||||
|
||||
/* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */
|
||||
|
||||
/* GitHub Theme */
|
||||
|
||||
/* Pretty printing styles. Used with prettify.js. */
|
||||
|
||||
/* SPAN elements with the classes below are added by prettyprint. */
|
||||
|
||||
/* plain text */
|
||||
|
||||
.pln {
|
||||
color: #333333;
|
||||
}
|
||||
@media screen {
|
||||
/* string content */
|
||||
.str {
|
||||
color: #dd1144;
|
||||
}
|
||||
/* a keyword */
|
||||
.kwd {
|
||||
color: #333333;
|
||||
}
|
||||
/* a comment */
|
||||
.com {
|
||||
color: #999988;
|
||||
font-style: italic;
|
||||
}
|
||||
/* a type name */
|
||||
.typ {
|
||||
color: #445588;
|
||||
}
|
||||
/* a literal value */
|
||||
.lit {
|
||||
color: #445588;
|
||||
}
|
||||
/* punctuation */
|
||||
.pun {
|
||||
color: #333333;
|
||||
}
|
||||
/* lisp open bracket */
|
||||
.opn {
|
||||
color: #333333;
|
||||
}
|
||||
/* lisp close bracket */
|
||||
.clo {
|
||||
color: #333333;
|
||||
}
|
||||
/* a markup tag name */
|
||||
.tag {
|
||||
color: navy;
|
||||
}
|
||||
/* a markup attribute name */
|
||||
.atn {
|
||||
color: teal;
|
||||
}
|
||||
/* a markup attribute value */
|
||||
.atv {
|
||||
color: #dd1144;
|
||||
}
|
||||
/* a declaration */
|
||||
.dec {
|
||||
color: #333333;
|
||||
}
|
||||
/* a variable name */
|
||||
.var {
|
||||
color: teal;
|
||||
}
|
||||
/* a function name */
|
||||
.fun {
|
||||
color: #990000;
|
||||
}
|
||||
}
|
||||
/* Use higher contrast and text-weight for printable form. */
|
||||
|
||||
@media print,
|
||||
projection {
|
||||
.str {
|
||||
color: #006600;
|
||||
}
|
||||
.kwd {
|
||||
color: #006;
|
||||
font-weight: bold;
|
||||
}
|
||||
.com {
|
||||
color: #600;
|
||||
font-style: italic;
|
||||
}
|
||||
.typ {
|
||||
color: #404;
|
||||
font-weight: bold;
|
||||
}
|
||||
.lit {
|
||||
color: #004444;
|
||||
}
|
||||
.pun,
|
||||
.opn,
|
||||
.clo {
|
||||
color: #444400;
|
||||
}
|
||||
.tag {
|
||||
color: #006;
|
||||
font-weight: bold;
|
||||
}
|
||||
.atn {
|
||||
color: #440044;
|
||||
}
|
||||
.atv {
|
||||
color: #006600;
|
||||
}
|
||||
}
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
|
||||
ol.linenums {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -105,6 +105,7 @@
|
|||
.page.buttons {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.issue.list {
|
||||
clear: both;
|
||||
list-style: none;
|
||||
|
|
@ -138,6 +139,32 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
&.new.issue {
|
||||
.comment.form {
|
||||
.metas {
|
||||
min-width: 220px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.comment.form {
|
||||
.ui.comments {
|
||||
margin-top: -12px;
|
||||
max-width: 750px!important;
|
||||
}
|
||||
.content {
|
||||
.field:first-child {
|
||||
clear: none;
|
||||
}
|
||||
.tab.segment {
|
||||
border: none;
|
||||
padding: 0;
|
||||
padding-top: 10px;
|
||||
}
|
||||
textarea {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.label.list {
|
||||
clear: both;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
@import "_octicons";
|
||||
@import "_base";
|
||||
@import "_markdown";
|
||||
@import "_home";
|
||||
@import "_install";
|
||||
@import "_form";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue