From eb036d558ff5758bd1f3333e359e77111b861aaf Mon Sep 17 00:00:00 2001
From: Marie <Marie@kaifa.ch>
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 {