From eb036d558ff5758bd1f3333e359e77111b861aaf Mon Sep 17 00:00:00 2001 From: Marie Date: Sat, 23 Dec 2023 19:21:37 +0100 Subject: [PATCH] fix: note footer not properly resizing --- packages/frontend/src/components/MkNote.vue | 3 ++- packages/frontend/src/components/MkNoteSub.vue | 3 ++- packages/frontend/src/components/SkNote.vue | 3 ++- packages/frontend/src/components/SkNoteSub.vue | 3 ++- 4 files changed, 8 insertions(+), 4 deletions(-) diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 9ecf21071d..cdd2cccb2e 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -829,7 +829,8 @@ function emitUpdReaction(emoji: string, delta: number) { z-index: 1; margin-top: 0.4em; width: max-content; - min-width: max-content; + min-width: min-content; + max-width: fit-content; } &:hover > .article > .main > .footer > .footerButton { diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue index 8d394c0c15..c61f0836bd 100644 --- a/packages/frontend/src/components/MkNoteSub.vue +++ b/packages/frontend/src/components/MkNoteSub.vue @@ -415,7 +415,8 @@ if (props.detail) { z-index: 1; margin-top: 0.4em; width: max-content; - min-width: max-content; + min-width: min-content; + max-width: fit-content; } .main { diff --git a/packages/frontend/src/components/SkNote.vue b/packages/frontend/src/components/SkNote.vue index cb37861330..83909654c7 100644 --- a/packages/frontend/src/components/SkNote.vue +++ b/packages/frontend/src/components/SkNote.vue @@ -830,7 +830,8 @@ function emitUpdReaction(emoji: string, delta: number) { z-index: 1; margin-top: 0.4em; width: max-content; - min-width: max-content; + min-width: min-content; + max-width: fit-content; } &:hover > .article > .main > .footer > .footerButton { diff --git a/packages/frontend/src/components/SkNoteSub.vue b/packages/frontend/src/components/SkNoteSub.vue index fc30dc87aa..f0653d6ec2 100644 --- a/packages/frontend/src/components/SkNoteSub.vue +++ b/packages/frontend/src/components/SkNoteSub.vue @@ -432,7 +432,8 @@ if (props.detail) { z-index: 1; margin-top: 0.4em; width: max-content; - min-width: max-content; + min-width: min-content; + max-width: fit-content; } .main {