From 807093b94c7e071e15252246a5c6e7909c54970f Mon Sep 17 00:00:00 2001
From: Freeplay <freeplay@duck.com>
Date: Mon, 5 Jun 2023 13:11:14 -0400
Subject: [PATCH] Better post clipping

---
 packages/client/src/components/MkNoteDetailed.vue  | 14 +++++++++++---
 packages/client/src/components/MkNoteSub.vue       |  8 ++++++++
 .../client/src/components/MkSubNoteContent.vue     |  8 ++++----
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index ff8264a606..264bd9660e 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -559,7 +559,7 @@ onUnmounted(() => {
 				inset: 0px 8px;
 			}
 			&:not(.max-width_450px)::before {
-				bottom: 12px;
+				bottom: 16px;
 			}
 			&:first-of-type::before {
 				top: 12px;
@@ -614,8 +614,16 @@ onUnmounted(() => {
 		font-size: 0.9em;
 	}
 	&.max-width_450px {
-		> .reply-to:first-child {
-			padding-top: 14px;
+		> .reply-to {
+			&::before {
+				inset-inline: -24px;
+			}
+			&:first-child {
+				padding-top: 14px;
+				&::before {
+					top: -24px;
+				}
+			}
 		}
 
 		> :deep(.note-container) {
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index c006ebaff8..5112ae17f4 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -543,6 +543,14 @@ function noteClick(e) {
 			border-radius: var(--radius);
 		}
 	}
+	&.reply-to {
+		> .main > .body {
+			margin-left: calc(0px - var(--avatarSize) - 38px);
+			padding-left: calc(var(--avatarSize) + 38px);
+			margin-top: -16px;
+			padding-top: 16px;
+		}
+	}
 	&.reply {
 		--avatarSize: 38px;
 		.avatar-container {
diff --git a/packages/client/src/components/MkSubNoteContent.vue b/packages/client/src/components/MkSubNoteContent.vue
index 0f2941e081..8694dacd2d 100644
--- a/packages/client/src/components/MkSubNoteContent.vue
+++ b/packages/client/src/components/MkSubNoteContent.vue
@@ -348,10 +348,10 @@ function focusFooter(ev) {
 					black calc(100% - 64px),
 					transparent
 				);
-				padding-inline: 50px;
-				margin-inline: -50px;
-				margin-top: -50px;
-				padding-top: 50px;
+				padding-inline: 100px;
+				margin-inline: -100px;
+				margin-top: -100px;
+				padding-top: 100px;
 				overflow: hidden;
 				user-select: none;
 				-webkit-user-select: none;