Unverified Commit 1a2e125c authored by Tamika Tannis's avatar Tamika Tannis Committed by GitHub

Update markdown wrapper styles (#523)

parent 0bd3573e
...@@ -131,9 +131,21 @@ $aside-separation-space: 40px; ...@@ -131,9 +131,21 @@ $aside-separation-space: 40px;
.markdown-wrapper { .markdown-wrapper {
font-size: 16px; font-size: 16px;
> p { // Remove extra margin form text elements
> p,
ul,
ol {
margin: 0; margin: 0;
} }
// Restrict max size of header elements
h1,
h2,
h3 {
font-size: 20px;
font-weight: $font-weight-header-bold;
line-height: 28px;
}
} }
} }
......
...@@ -222,10 +222,8 @@ export class DashboardPage extends React.Component< ...@@ -222,10 +222,8 @@ export class DashboardPage extends React.Component<
)}`} )}`}
> >
{hasDescription && ( {hasDescription && (
<div className="editable-text"> <div className="markdown-wrapper">
<div className="markdown-wrapper"> <ReactMarkdown source={dashboard.description} />
<ReactMarkdown source={dashboard.description} />
</div>
</div> </div>
)} )}
{!hasDescription && ( {!hasDescription && (
......
...@@ -8,22 +8,6 @@ ...@@ -8,22 +8,6 @@
.markdown-wrapper { .markdown-wrapper {
font-size: 14px; font-size: 14px;
word-break: break-word; word-break: break-word;
// Remove extra margin form text elements
> p,
ul,
ol {
margin: 0;
}
// Restrict max size of header elements
h1,
h2,
h3 {
font-size: 20px;
font-weight: $font-weight-header-bold;
line-height: 28px;
}
} }
.edit-link { .edit-link {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment