aboutsummaryrefslogtreecommitdiff
path: root/src/components/conversation/conversation.vue
diff options
context:
space:
mode:
authorShpuld Shpludson <shp@cock.li>2020-10-01 12:54:54 +0000
committerShpuld Shpludson <shp@cock.li>2020-10-01 12:54:54 +0000
commit8a34ff2957e28f7531c62c793ea4f24558e08ced (patch)
treea631749e1fe647085d2ea328b5840b56b344b04e /src/components/conversation/conversation.vue
parentfa9176651952468ee996abe0e67d62d9a72d5a69 (diff)
parent68c2a5b18f887f3db2f5685953bc5175aaaabbd3 (diff)
Merge branch 'develop' into 'feat/masto-ws-deletes'
# Conflicts: # CHANGELOG.md # src/components/status/status.js # src/components/status/status.scss
Diffstat (limited to 'src/components/conversation/conversation.vue')
-rw-r--r--src/components/conversation/conversation.vue11
1 files changed, 9 insertions, 2 deletions
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index 997a4d10..e0b9fcc5 100644
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@@ -1,5 +1,7 @@
<template>
<div
+ v-if="!hideStatus"
+ :style="hiddenStyle"
class="Conversation"
:class="{ '-expanded' : isExpanded, 'panel' : isExpanded }"
>
@@ -18,6 +20,7 @@
<status
v-for="status in conversation"
:key="status.id"
+ ref="statusComponent"
:inline-expanded="collapsable && isExpanded"
:statusoid="status"
:expandable="!isExpanded"
@@ -33,6 +36,10 @@
@toggleExpanded="toggleExpanded"
/>
</div>
+ <div
+ v-else
+ :style="hiddenStyle"
+ />
</template>
<script src="./conversation.js"></script>
@@ -53,8 +60,8 @@
.conversation-status {
border-color: $fallback--border;
border-color: var(--border, $fallback--border);
- border-left: 4px solid $fallback--cRed;
- border-left: 4px solid var(--cRed, $fallback--cRed);
+ border-left-color: $fallback--cRed;
+ border-left-color: var(--cRed, $fallback--cRed);
}
.conversation-status:last-child {