diff options
| author | Henry Jameson <me@hjkos.com> | 2022-04-10 14:47:47 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-04-10 14:47:47 +0300 |
| commit | 684650e14fd88e47180b2feda6c5cff9171eb566 (patch) | |
| tree | 922e838a03a488b02e760cab2741e0d6e58b962f | |
| parent | 0ff34f8a5ae88d3e0a3456a7054273e361689af6 (diff) | |
restore margins for inline convos
| -rw-r--r-- | src/App.scss | 1 | ||||
| -rw-r--r-- | src/components/conversation/conversation.vue | 3 |
2 files changed, 4 insertions, 0 deletions
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); + } } </style> |