diff options
| author | Henry Jameson <me@hjkos.com> | 2024-03-04 18:24:29 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-03-04 18:24:29 +0200 |
| commit | a190389f3c9f44072465560dce7203e9ce328f2c (patch) | |
| tree | 2518e48f79648cc9ef53bde0580f5a314a1feb86 /src/components/conversation/conversation.vue | |
| parent | a2f2a0e4090e9fdc9d227fe8fa13fad9ac529887 (diff) | |
panels/statuses are looking really good now even with transparency
Diffstat (limited to 'src/components/conversation/conversation.vue')
| -rw-r--r-- | src/components/conversation/conversation.vue | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index 64aa1351..d3ebf791 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -28,7 +28,10 @@ class="rightside-button" /> </div> - <div class="conversation-body panel-body"> + <div + class="conversation-body" + :class="{ 'panel-body': isExpanded }" + > <div v-if="isTreeView" class="thread-body" @@ -78,7 +81,7 @@ :replies="getReplies(status.id)" :in-profile="inProfile" :profile-user-id="profileUserId" - class="conversation-status status-fadein panel-body" + class="conversation-status status-fadein" :simple-tree="treeViewIsSimple" :toggle-thread-display="toggleThreadDisplay" @@ -183,7 +186,7 @@ :replies="getReplies(status.id)" :in-profile="inProfile" :profile-user-id="profileUserId" - class="conversation-status status-fadein panel-body" + class="conversation-status status-fadein" :toggle-thread-display="toggleThreadDisplay" :thread-display-status="threadDisplayStatus" @@ -284,7 +287,8 @@ } &.-expanded.status-fadein { - margin: calc(var(--status-margin, $status-margin) / 2); + background: var(--background); + padding: calc(var(--status-margin, $status-margin) / 2); } } </style> |