From 92b8aed3e200c6af39f8e5d1c80aa0c3a264bcc5 Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Fri, 24 Feb 2023 22:33:21 -0500
Subject: [PATCH] style view thread continuation button + fix link underline

---
 packages/client/src/components/MkNoteSub.vue | 24 +++++++++++++++++++-
 packages/client/src/style.scss               |  1 +
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index da2443239b..b346a15a04 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -28,6 +28,7 @@
 			<MkNoteSub v-for="reply in replies" :key="reply.id" :note="reply" class="reply" :conversation="conversation" :depth="depth + 1"/>
 		</template>
 		<div v-else-if="replies.length > 0" class="more">
+			<div class="line"></div>
 			<MkA class="text _link" :to="notePage(note)">{{ i18n.ts.continueThread }} <i class="ph-caret-double-right-bold ph-lg"></i></MkA>
 		</div>
 	</template>
@@ -135,6 +136,11 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
 		:deep(.footer) {
 			font-size: .9em;
 		}
+		> .main:hover {
+			:deep(.footer .button) {
+				opacity: 1;
+			}
+		}
 	}
 	> .reply, > .more {
 		margin-top: 10px;
@@ -147,7 +153,23 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
 	}
 
 	> .more {
-		padding: 10px 0 0 16px;
+		display: flex;
+		padding-block: 10px;
+		font-weight: 600;
+		> .line {
+			flex-grow: 0 !important;
+			margin-top: -10px !important;
+			margin-bottom: 10px !important;
+			margin-right: 10px !important;
+			&::before {
+				border-left-style: dashed !important;
+				border-bottom-left-radius: 100px !important;
+			}
+		}
+		i {
+			font-size: 1em !important;
+			vertical-align: middle !important;
+		}
 	}
 
 	&.reply-to, &.reply-to-more {
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index ca8bd8b435..ea76118a27 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -479,6 +479,7 @@ hr {
 }
 
 ._link {
+	position: relative;
 	color: var(--link);
 
 	&:after {