From e3dd9ed3c949ff4ea9ed5322398648f8bd1a39e0 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sun, 6 Nov 2022 19:29:42 -0800
Subject: [PATCH] disable link hover effect for now

---
 CALCKEY.md                                    |  2 +-
 package.json                                  |  2 +-
 .../client/src/components/MkNotification.vue  | 20 ++++++------
 .../src/components/global/MkPageHeader.vue    |  1 +
 packages/client/src/style.scss                | 32 +++++++++----------
 5 files changed, 29 insertions(+), 28 deletions(-)

diff --git a/CALCKEY.md b/CALCKEY.md
index 400cafd3c..21d835f79 100644
--- a/CALCKEY.md
+++ b/CALCKEY.md
@@ -25,6 +25,7 @@
 - Make your password hasn't been pwned
 - Admin custom CSS
 - Add back time machine (jump to date)
+- Link hover effect
 - Improve accesibility score
 <details><summary>Current Misskey score is 57/100</summary>
 
@@ -81,7 +82,6 @@
 - Allow admins to set logo URL via admin settings
 - Allow importing follows from Pixelfed
 - Phosphor icons instead of FontAwesome
-- Cool link hover effect
 - Obliteration of Ai-chan
 - [Make showing ads optional](https://github.com/misskey-dev/misskey/pull/8996)
 - [Tapping avatar in mobile opens account modal](https://github.com/misskey-dev/misskey/pull/9056)
diff --git a/package.json b/package.json
index 778d16605..848f9272d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.8-b.5",
+	"version": "12.119.0-calc.8-b.6",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/MkNotification.vue b/packages/client/src/components/MkNotification.vue
index cfc438350..3d2310ae2 100644
--- a/packages/client/src/components/MkNotification.vue
+++ b/packages/client/src/components/MkNotification.vue
@@ -5,16 +5,16 @@
 		<MkAvatar v-else-if="notification.user" class="icon" :user="notification.user"/>
 		<img v-else-if="notification.icon" class="icon" :src="notification.icon" alt=""/>
 		<div class="sub-icon" :class="notification.type">
-			<i v-if="notification.type === 'follow'" class="ph-plus-bold ph-lg"></i>
-			<i v-else-if="notification.type === 'receiveFollowRequest'" class="ph-clock-bold ph-lg"></i>
-			<i v-else-if="notification.type === 'followRequestAccepted'" class="ph-check-bold ph-lg"></i>
-			<i v-else-if="notification.type === 'groupInvited'" class="ph-identification-card-bold ph-lg"></i>
-			<i v-else-if="notification.type === 'renote'" class="ph-repeat-bold ph-lg"></i>
-			<i v-else-if="notification.type === 'reply'" class="ph-arrow-bend-up-left-bold ph-lg"></i>
-			<i v-else-if="notification.type === 'mention'" class="ph-at-bold ph-lg"></i>
-			<i v-else-if="notification.type === 'quote'" class="ph-quotes-bold ph-lg"></i>
-			<i v-else-if="notification.type === 'pollVote'" class="ph-microphone-stage-bold ph-lg"></i>
-			<i v-else-if="notification.type === 'pollEnded'" class="ph-microphone-stage-bold ph-lg"></i>
+			<i v-if="notification.type === 'follow'" class="ph-plus-bold"></i>
+			<i v-else-if="notification.type === 'receiveFollowRequest'" class="ph-clock-bold"></i>
+			<i v-else-if="notification.type === 'followRequestAccepted'" class="ph-check-bold"></i>
+			<i v-else-if="notification.type === 'groupInvited'" class="ph-identification-card-bold"></i>
+			<i v-else-if="notification.type === 'renote'" class="ph-repeat-bold"></i>
+			<i v-else-if="notification.type === 'reply'" class="ph-arrow-bend-up-left-bold"></i>
+			<i v-else-if="notification.type === 'mention'" class="ph-at-bold"></i>
+			<i v-else-if="notification.type === 'quote'" class="ph-quotes-bold"></i>
+			<i v-else-if="notification.type === 'pollVote'" class="ph-microphone-stage-bold"></i>
+			<i v-else-if="notification.type === 'pollEnded'" class="ph-microphone-stage-bold"></i>
 			<!-- notification.reaction が null になることはまずないが、ここでoptional chaining使うと一部ブラウザで刺さるので念の為 -->
 			<XReactionIcon
 				v-else-if="notification.type === 'reaction'"
diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index 068e14f93..61aaf74ce 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -297,6 +297,7 @@ onUnmounted(() => {
 			margin-right: 8px;
 			width: 16px;
 			text-align: center;
+			transform: translate(0em);
 		}
 
 		> .title {
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index 03e1d15ec..f306eb221 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -483,23 +483,23 @@ hr {
 ._link {
 	color: var(--link);
 
-	&::after {
-		content: '';
-		position: absolute;
-		width: 100%;
-		transform: scaleX(0);
-		height: 2px;
-		bottom: 0;
-		left: 0;
-		background-color: var(--link);
-		transform-origin: bottom right;
-		transition: transform 0.25s ease-out;
-}
+	// &::after {
+	// 		content: '';
+	// 		position: absolute;
+	// 		width: 100%;
+	// 		transform: scaleX(0);
+	// 		height: 2px;
+	// 		bottom: 0;
+	// 		left: 0;
+	// 		background-color: var(--link);
+	// 		transform-origin: bottom right;
+	// 		transition: transform 0.25s ease-out;
+	// }
 
-&:hover::after {
-	transform: scaleX(1);
-	transform-origin: bottom left;
-}
+	// &:hover::after {
+	// 	transform: scaleX(1);
+	// 	transform-origin: bottom left;
+	// }
 }
 
 ._caption {