diff --git a/app/javascript/flavours/glitch/components/status_content.js b/app/javascript/flavours/glitch/components/status_content.js index ea5ac2b488..282c455657 100644 --- a/app/javascript/flavours/glitch/components/status_content.js +++ b/app/javascript/flavours/glitch/components/status_content.js @@ -280,10 +280,26 @@ export default class StatusContent extends React.PureComponent { if (status.get('quote', null) !== null) { let quoteStatus = status.get('quote'); let quoteStatusContent = { __html: quoteStatus.get('contentHtml') }; + let quoteStatusAccount = quoteStatus.get('account'); + let quoteStatusDisplayName = { __html: quoteStatusAccount.get('display_name_html') }; + + console.log('QUOTE:', quoteStatus); + console.log('ACCOUNT:', quoteStatusAccount); quote = (
+ + + +
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index cd2480d8a3..c23e9478dd 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -77,6 +77,10 @@ } } + .status__quote { + padding-bottom: 0.5em; + } + .status__quote, .status__content__text, .e-content { @@ -124,6 +128,11 @@ font-style: italic; } + i[role=img] { + font-style: normal; + padding-right: 0.25em; + } + sub { font-size: smaller; vertical-align: sub;