diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js index d08a8b9c2..886feabc7 100644 --- a/src/components/post_status_form/post_status_form.js +++ b/src/components/post_status_form/post_status_form.js @@ -373,14 +373,20 @@ const PostStatusForm = { quotable() { return this.quotingAvailable && this.replyTo }, - quoteThreadToggled() { - return this.newStatus.hasQuote && this.newStatus.quote.thread + quoteThreadToggled: { + get() { + return this.newStatus.hasQuote && this.newStatus.quote.thread + }, + set(value) { + this.newStatus.hasQuote = value + this.newStatus.quote.thread = value + this.newStatus.quote.id = value ? this.replyTo : '' + } }, defaultQuotable() { if ( !this.quotingAvailable || - !this.isReply || - !this.$store.getters.mergedConfig.quoteReply + !this.isReply ) { return false } @@ -868,11 +874,6 @@ const PostStatusForm = { quote.url = '' quote.thread = quotable }, - setQuoteThread(v) { - this.newStatus.hasQuote = v - this.newStatus.quote.thread = v - this.newStatus.quote.id = v ? this.replyTo : '' - }, clearQuoteForm() { if (this.$refs.quoteForm) { this.$refs.quoteForm.clear() diff --git a/src/components/post_status_form/post_status_form.scss b/src/components/post_status_form/post_status_form.scss index f7fe582db..0e2e982d0 100644 --- a/src/components/post_status_form/post_status_form.scss +++ b/src/components/post_status_form/post_status_form.scss @@ -90,9 +90,10 @@ } .reply-or-quote-selector { - flex: 1 0 auto; + flex-wrap: wrap; margin-bottom: 0.5em; - display: grid; + gap: 1em; + display: flex; grid-template-columns: 1fr 1fr; } diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index b3288b78a..de00866fc 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -88,7 +88,7 @@