diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 48b8aaaa..95e484cd 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -30,7 +30,8 @@ const conversation = {
},
props: [
'statusoid',
- 'collapsable'
+ 'collapsable',
+ 'replying'
],
computed: {
status () {
@@ -102,6 +103,9 @@ const conversation = {
},
setHighlight (id) {
this.highlight = id
+ },
+ toggleReplying () {
+ this.$emit('toggleReplying')
}
}
}
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index 5528fef6..42d009c9 100644
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@@ -10,14 +10,19 @@
-
+ class="status-fadein"
+ />
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 9e18fe15..20ca86a6 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -25,11 +25,11 @@ const Status = {
'replies',
'isPreview',
'noHeading',
- 'inlineExpanded'
+ 'inlineExpanded',
+ 'replying'
],
data () {
return {
- replying: false,
expanded: false,
unmuted: false,
userExpanded: false,
@@ -307,7 +307,7 @@ const Status = {
}
},
toggleReplying () {
- this.replying = !this.replying
+ this.$emit('toggleReplying')
},
gotoOriginal (id) {
// only handled by conversation, not status_or_conversation
diff --git a/src/components/status_or_conversation/status_or_conversation.js b/src/components/status_or_conversation/status_or_conversation.js
index 441552ca..749f7665 100644
--- a/src/components/status_or_conversation/status_or_conversation.js
+++ b/src/components/status_or_conversation/status_or_conversation.js
@@ -5,7 +5,8 @@ const statusOrConversation = {
props: ['statusoid'],
data () {
return {
- expanded: false
+ expanded: false,
+ replying: false
}
},
components: {
@@ -15,6 +16,9 @@ const statusOrConversation = {
methods: {
toggleExpanded () {
this.expanded = !this.expanded
+ },
+ toggleReplying () {
+ this.replying = !this.replying
}
}
}
diff --git a/src/components/status_or_conversation/status_or_conversation.vue b/src/components/status_or_conversation/status_or_conversation.vue
index 9647d5eb..43a60c3a 100644
--- a/src/components/status_or_conversation/status_or_conversation.vue
+++ b/src/components/status_or_conversation/status_or_conversation.vue
@@ -1,7 +1,23 @@
-
-
+
+