diff --git a/src/app/components/stream/status/databinded-text/databinded-text.component.scss b/src/app/components/stream/status/databinded-text/databinded-text.component.scss index 32946ee5..b7795998 100644 --- a/src/app/components/stream/status/databinded-text/databinded-text.component.scss +++ b/src/app/components/stream/status/databinded-text/databinded-text.component.scss @@ -46,6 +46,10 @@ $expand-color: $column-color; } } +.content { + white-space: pre-wrap; +} + //Mastodon styling :host ::ng-deep .content { diff --git a/src/app/components/stream/status/databinded-text/databinded-text.component.ts b/src/app/components/stream/status/databinded-text/databinded-text.component.ts index f9fe2ec0..1740bf32 100644 --- a/src/app/components/stream/status/databinded-text/databinded-text.component.ts +++ b/src/app/components/stream/status/databinded-text/databinded-text.component.ts @@ -97,7 +97,7 @@ export class DatabindedTextComponent implements OnInit { let extractedUrl = extractedLinkAndNext[0].split('href="')[1].split('"')[0]; let classname = this.getClassNameForHastag(extractedHashtag); - this.processedText += ` #${extractedHashtag}`; + this.processedText += `#${extractedHashtag}`; if (extractedLinkAndNext[1]) this.processedText += extractedLinkAndNext[1]; this.hashtags.push(extractedHashtag); }