Adam Coldrick cdf7944065 Render descriptions and comments as Markdown
When displaying comments and descriptions for projects or stories,
render the content as Markdown before displaying it. This is a
simple way to support rich text descriptions and comments, and
there is no special editor as yet.

Any code in the supplied Markdown (indented by 4 spaces) will have
its syntax highlighted. The `highlightjs` module is used for syntax
highlighting and the `marked` module is used for parsing the
Markdown.

Also, stop eslint from raising an error when it thinks something is
undefined, and raise a warning instead. This is because the use of
`hljs` and `marked` was confusing the linter into thinking they
weren't defined.

Change-Id: I7896fd686a39e27f8068ee6db6747b2b5ab0ccfc
2015-09-22 10:04:53 +00:00

51 lines
1.4 KiB
Plaintext

/*
* Copyright (c) 2014 Hewlett-Packard Development Company, L.P.
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may
* not use this file except in compliance with the License. You may obtain
* a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
*/
/**
* Discussion styles.
*/
.discussion {
.discussion-comment-none {
border-top: 1px solid @table-border-color;
border-bottom: 1px solid @table-border-color;
padding: @table-cell-padding;
margin: 0px;
}
.discussion-comment {
* {
margin: 0px;
}
.discussion-comment-author {
border-top: 1px solid @table-border-color;
background-color: @gray-lighter;
padding: @table-condensed-cell-padding;
}
> insert-markdown > div, > p {
padding: @table-cell-padding;
padding-bottom: 0px;
}
}
.discussion-comment-form {
&:last-child {
margin-top: 1em;
}
}
}