diff --git a/src/components/status/status.js b/src/components/status/status.js
index 27911478..40589ea5 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -5,9 +5,13 @@ import DeleteButton from '../delete_button/delete_button.vue'
import PostStatusForm from '../post_status_form/post_status_form.vue'
const Status = {
- props: [ 'statusoid' ],
+ props: [
+ 'statusoid',
+ 'expandable'
+ ],
data: () => ({
- replying: false
+ replying: false,
+ expanded: false
}),
computed: {
retweet () { return !!this.statusoid.retweeted_status },
@@ -33,6 +37,9 @@ const Status = {
methods: {
toggleReplying () {
this.replying = !this.replying
+ },
+ toggleExpanded () {
+ this.$emit('toggleExpanded')
}
}
}
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 10e321a1..f113fb7e 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -30,6 +30,12 @@
+
+ -
+
+ Expand
+
+
Source
@@ -122,8 +128,4 @@
padding-right: 1em;
border-bottom: 1px solid;
}
-
- .status-el:last-child .status {
- border-bottom: none
- }