From 684650e14fd88e47180b2feda6c5cff9171eb566 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Sun, 10 Apr 2022 14:47:47 +0300 Subject: [PATCH] restore margins for inline convos --- src/App.scss | 1 + src/components/conversation/conversation.vue | 3 +++ 2 files changed, 4 insertions(+) diff --git a/src/App.scss b/src/App.scss index bed67a1f..678c4410 100644 --- a/src/App.scss +++ b/src/App.scss @@ -166,6 +166,7 @@ nav { --miniColumn: 25em; --maxiColumn: minmax(var(--miniColumn), 45em); --columnGap: 1em; + --status-margin: 0.75em; position: relative; display: grid; diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index ccc523a2..04078cf4 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -270,5 +270,8 @@ border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius); border-bottom: 1px solid var(--border, $fallback--border); } + &.-expanded { + margin: calc(var(--status-margin, $status-margin) / 2); + } }