Accept richer text from remote statuses

Support abbr, del, pre, blockquote, code, strong, b, em, i, and h1…h5
HTML elements in remote statuses, add corresponding CSS.
th-downstream
Thibaut Girka 6 years ago committed by ThibG
parent b2f73231a4
commit 22ad8c89b2

@ -22,7 +22,7 @@
margin: -3px 0 0; margin: -3px 0 0;
} }
p { p, pre, blockquote {
margin-bottom: 20px; margin-bottom: 20px;
white-space: pre-wrap; white-space: pre-wrap;
@ -31,6 +31,33 @@
} }
} }
h1, h2, h3, h4, h5 {
margin-top: 20px;
margin-bottom: 20px;
}
h1, h2 {
font-weight: 500;
font-size: 18px;
}
h2 {
font-size: 16px;
}
blockquote {
margin-left: 20px;
color: $dark-text-color;
}
b, strong {
font-weight: 500;
}
em, i {
font-style: italic;
}
a { a {
color: $secondary-text-color; color: $secondary-text-color;
text-decoration: none; text-decoration: none;

@ -20,11 +20,13 @@ class Sanitize
end end
MASTODON_STRICT ||= freeze_config( MASTODON_STRICT ||= freeze_config(
elements: %w(p br span a), elements: %w(p br span a abbr del pre blockquote code b strong i em h1 h2 h3 h4 h5),
attributes: { attributes: {
'a' => %w(href rel class), 'a' => %w(href rel class title),
'span' => %w(class), 'span' => %w(class),
'abbr' => %w(title),
'blockquote' => %w(cite),
}, },
add_attributes: { add_attributes: {
@ -36,6 +38,7 @@ class Sanitize
protocols: { protocols: {
'a' => { 'href' => HTTP_PROTOCOLS }, 'a' => { 'href' => HTTP_PROTOCOLS },
'blockquote' => { 'cite' => HTTP_PROTOCOLS },
}, },
transformers: [ transformers: [

Loading…
Cancel
Save