From de97032eab243435b85235485de87438a1521eee Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Sat, 25 Feb 2023 00:39:43 -0500
Subject: [PATCH] add footer hover thingy to subnote too

---
 packages/client/src/components/MkNote.vue       | 10 +++++++---
 packages/client/src/components/MkNoteFooter.vue |  1 +
 packages/client/src/components/MkNoteSub.vue    | 13 ++++++++-----
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 7ebeb6d563..0d0b977d7d 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -312,10 +312,14 @@ function readPromo() {
 		}
 	}
 
-	&:hover > .article > .main > .footer > .button {
-		opacity: 1;
+	& > .article > .main {
+		&:hover, &:focus-within {
+			:deep(.footer .button) {
+				opacity: 1;
+			}
+		}
 	}
-
+	
 	> .reply-to {
 		& + .note-context {
 			.line::before {
diff --git a/packages/client/src/components/MkNoteFooter.vue b/packages/client/src/components/MkNoteFooter.vue
index d8fcffbeae..a5a7eb175a 100644
--- a/packages/client/src/components/MkNoteFooter.vue
+++ b/packages/client/src/components/MkNoteFooter.vue
@@ -135,6 +135,7 @@ function blur() {
 		width: max-content;
 		min-width: max-content;
 		pointer-events: all;
+		transition: opacity .2s;
 		&:first-of-type {
 			margin-left: -.5em;
 		}
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index d065168c96..8b11cbffc2 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -136,11 +136,6 @@ 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;
@@ -172,6 +167,14 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
 		}
 	}
 
+	&.reply, &.reply-to, &.reply-to-more {
+		> .main:hover, > .main:focus-within {
+			:deep(.footer .button) {
+				opacity: 1;
+			}
+		}
+	}
+
 	&.reply-to, &.reply-to-more {
 		padding-bottom: 0;
 		&:first-child {