Markdown interpretation (#237)

This commit is contained in:
Simon Lecoq
2021-04-18 16:15:17 +02:00
committed by GitHub
parent f451085c98
commit db603605bd
14 changed files with 240 additions and 49 deletions

View File

@@ -47,7 +47,7 @@
</div>
<div class="details">
<div><%= event.on === "commit" ? "committed" : "opened" %> by <%= event.user %> in <span class="repo"><%= repo %></span></div>
<div class="comment"><%= event.content %></div>
<div class="comment"><%- event.content %></div>
</div>
<% } %>
<% if (type === "wiki") { %>

View File

@@ -62,7 +62,7 @@
<% if (type === "question") { %>
<div class="field title">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2.75 2.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 01.75.75v2.19l2.72-2.72a.75.75 0 01.53-.22h4.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25H2.75zM1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0113.25 12H9.06l-2.573 2.573A1.457 1.457 0 014 13.543V12H2.75A1.75 1.75 0 011 10.25v-7.5z"></path></svg>
<%= entry.title %>
<%- entry.title %>
</div>
<div class="infos">
<div>
@@ -77,7 +77,7 @@
<% } %>
</div>
<div class="body">
<%= entry.body %>
<%- entry.body %>
</div>
<div class="infos">
<div>
@@ -108,7 +108,7 @@
<% } else if (type === "answer") { %>
<div class="field title">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M16 1.25v4.146a.25.25 0 01-.427.177L14.03 4.03l-3.75 3.75a.75.75 0 11-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0111.604 1h4.146a.25.25 0 01.25.25zM2.75 3.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 01.75.75v2.19l2.72-2.72a.75.75 0 01.53-.22h4.5a.25.25 0 00.25-.25v-2.5a.75.75 0 111.5 0v2.5A1.75 1.75 0 0113.25 13H9.06l-2.573 2.573A1.457 1.457 0 014 14.543V13H2.75A1.75 1.75 0 011 11.25v-7.5C1 2.784 1.784 2 2.75 2h5.5a.75.75 0 010 1.5h-5.5z"></path></svg>
<%= entry.question?.title %>
<%- entry.question?.title %>
</div>
<div class="infos">
<div>
@@ -123,7 +123,7 @@
<% } %>
</div>
<div class="body">
<%= entry.body %>
<%- entry.body %>
</div>
<div class="infos">
<div>

View File

@@ -610,7 +610,7 @@
white-space: nowrap;
}
.activity .details .comment {
.activity .details > .comment {
overflow: hidden;
text-overflow: ellipsis;
display: block;
@@ -618,7 +618,6 @@
margin-top: 6px;
border-left: 3px solid #777777B2;
padding-left: 6px;
max-height: 38px;
/* May not work in all browsers */
display: -webkit-box;
-webkit-line-clamp: 2;
@@ -940,6 +939,56 @@
overflow: hidden;
}
/* Syntax highlighting */
code {
background-color: #7777771F;
display: inline-block;
border-radius: 6px;
color: #777777;
padding: 1px 5px;
font-size: 80%;
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
}
code[class^=language-] {
white-space: pre-wrap;
width: 97%;
margin-top: 4px;
}
.token.comment, .token.prolog, .token.doctype, .token.cdata {
color: #6a737d;
}
.token.punctuation {
color: #24292e;
}
.token.namespace, .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol {
color: #d73a49;
}
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
color: #032f62;
}
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {
color: #005cc5;
}
.token.atrule, .token.attr-value, .token.keyword {
color: #6f42c1
}
.token.regex, .token.important {
color: #e90;
}
.token.important, .token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.deleted {
color: red;
}
.token.trimmed {
font-style: italic;
color: #77777760
}
/* Charts */
.ct-line {
stroke-width: 2px !important;