From a061c6c2d52cdb5434ec32265d3e101a57e1deb1 Mon Sep 17 00:00:00 2001 From: Sugar Date: Tue, 11 Jun 2024 20:33:22 +0200 Subject: [PATCH] reduce margin-top for collapsed in replies to in small containers --- packages/frontend/src/components/MkNote.vue | 2 +- packages/frontend/src/components/SkNote.vue | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 6f50f81eaf..d052370217 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -1170,7 +1170,7 @@ function emitUpdReaction(emoji: string, delta: number) { } .collapsedInReplyTo { - padding: 28px 16px 0; + padding: 14px 16px 0; } .article { diff --git a/packages/frontend/src/components/SkNote.vue b/packages/frontend/src/components/SkNote.vue index 00ecbd99d2..55e2e27cb7 100644 --- a/packages/frontend/src/components/SkNote.vue +++ b/packages/frontend/src/components/SkNote.vue @@ -1223,11 +1223,12 @@ function emitUpdReaction(emoji: string, delta: number) { } .collapsedInReplyTo { - padding: 28px 33px 0; + padding: 22px 33px 0; } .collapsedInReplyToLine { left: calc(24px + .5 * var(--avatar)); + top: calc(22px + 28px); // 22px of .root padding, plus 28px of avatar height } .article {