From 4af8bbb5c0199067ff7da7590aac4ef9f82bb78b Mon Sep 17 00:00:00 2001
From: ShittyKopper <shittykopper@w.on-t.work>
Date: Mon, 30 Oct 2023 08:05:54 +0300
Subject: [PATCH 1/4] fix: round timeline corners on noGap

---
 packages/frontend/src/components/MkDateSeparatedList.vue | 2 ++
 packages/frontend/src/components/MkNotes.vue             | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/packages/frontend/src/components/MkDateSeparatedList.vue b/packages/frontend/src/components/MkDateSeparatedList.vue
index 96687a3368..b5508af62e 100644
--- a/packages/frontend/src/components/MkDateSeparatedList.vue
+++ b/packages/frontend/src/components/MkDateSeparatedList.vue
@@ -178,6 +178,8 @@ export default defineComponent({
 }
 
 .date-separated-list-nogap {
+	border-radius: var(--radius);
+
 	> * {
 		margin: 0 !important;
 		border: none;
diff --git a/packages/frontend/src/components/MkNotes.vue b/packages/frontend/src/components/MkNotes.vue
index 024599767e..76587ce141 100644
--- a/packages/frontend/src/components/MkNotes.vue
+++ b/packages/frontend/src/components/MkNotes.vue
@@ -55,6 +55,8 @@ defineExpose({
 <style lang="scss" module>
 .root {
 	&.noGap {
+		border-radius: var(--radius);
+
 		> .notes {
 			background: color-mix(in srgb, var(--panel) 65%, transparent);
 		}

From a796c8663b37368f4b2838793219326e13599553 Mon Sep 17 00:00:00 2001
From: ShittyKopper <shittykopper@w.on-t.work>
Date: Mon, 30 Oct 2023 08:30:37 +0300
Subject: [PATCH 2/4] upd: pointer on clickToOpen-able parts of notes

---
 packages/frontend/src/components/MkMediaList.vue       | 6 +++++-
 packages/frontend/src/components/MkNote.vue            | 7 +++++--
 packages/frontend/src/components/MkNoteHeader.vue      | 1 +
 packages/frontend/src/components/MkNoteSimple.vue      | 1 -
 packages/frontend/src/components/MkNoteSub.vue         | 1 -
 packages/frontend/src/components/MkReactionsViewer.vue | 1 +
 packages/frontend/src/components/MkSubNoteContent.vue  | 6 +++++-
 7 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/src/components/MkMediaList.vue b/packages/frontend/src/components/MkMediaList.vue
index 5e534db948..23a2a6bf4a 100644
--- a/packages/frontend/src/components/MkMediaList.vue
+++ b/packages/frontend/src/components/MkMediaList.vue
@@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<div ref="root">
+<div ref="root" :class="$style.root">
 	<XBanner v-for="media in mediaList.filter(media => !previewable(media))" :key="media.id" :media="media"/>
 	<div v-if="mediaList.filter(media => previewable(media)).length > 0" :class="$style.container">
 		<div
@@ -260,6 +260,10 @@ const previewable = (file: Misskey.entities.DriveFile): boolean => {
 </script>
 
 <style lang="scss" module>
+.root {
+	cursor: auto; /* not clickToOpen-able */
+}
+
 .container {
 	position: relative;
 	width: 100%;
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 2f9ed5ce2c..0f03b38bc4 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -49,7 +49,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<article v-else :class="$style.article" @contextmenu.stop="onContextmenu">
 		<div v-if="appearNote.channel" :class="$style.colorBar" :style="{ background: appearNote.channel.color }"></div>
 		<MkAvatar :class="$style.avatar" :user="appearNote.user" link preview/>
-		<div :class="$style.main" @click="defaultStore.state.clickToOpen ? noteclick(appearNote.id) : undefined">
+		<div :class="[$style.main, { [$style.clickToOpen]: defaultStore.state.clickToOpen }]" @click="defaultStore.state.clickToOpen ? noteclick(appearNote.id) : undefined">
 			<MkNoteHeader :note="appearNote" :mini="true" v-on:click.stop/>
 			<MkInstanceTicker v-if="showTicker" :instance="appearNote.user.instance"/>
 			<div style="container-type: inline-size;">
@@ -852,7 +852,6 @@ function readPromo() {
 }
 
 .cw {
-	cursor: default;
 	display: block;
 	margin: 0;
 	padding: 0;
@@ -1096,4 +1095,8 @@ function readPromo() {
 	padding: 0 6px;
 	opacity: .8;
 }
+
+.clickToOpen {
+	cursor: pointer;
+}
 </style>
diff --git a/packages/frontend/src/components/MkNoteHeader.vue b/packages/frontend/src/components/MkNoteHeader.vue
index f258b2a1b6..cabeeca8ce 100644
--- a/packages/frontend/src/components/MkNoteHeader.vue
+++ b/packages/frontend/src/components/MkNoteHeader.vue
@@ -56,6 +56,7 @@ async function menuVersions(viaKeyboard = false): Promise<void> {
 	display: flex;
 	align-items: baseline;
 	white-space: nowrap;
+	cursor: auto; /* not clickToOpen-able */
 }
 
 .name {
diff --git a/packages/frontend/src/components/MkNoteSimple.vue b/packages/frontend/src/components/MkNoteSimple.vue
index b0e91e523e..e250140baa 100644
--- a/packages/frontend/src/components/MkNoteSimple.vue
+++ b/packages/frontend/src/components/MkNoteSimple.vue
@@ -73,7 +73,6 @@ watch(() => props.expandAllCws, (expandAllCws) => {
 }
 
 .cw {
-	cursor: default;
 	display: block;
 	margin: 0;
 	padding: 0;
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index fa113ae2f8..965c9c6339 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -478,7 +478,6 @@ if (props.detail) {
 }
 
 .cw {
-	cursor: default;
 	display: block;
 	margin: 0;
 	padding: 0;
diff --git a/packages/frontend/src/components/MkReactionsViewer.vue b/packages/frontend/src/components/MkReactionsViewer.vue
index 52ead19a4b..7dbc1b03a2 100644
--- a/packages/frontend/src/components/MkReactionsViewer.vue
+++ b/packages/frontend/src/components/MkReactionsViewer.vue
@@ -86,6 +86,7 @@ watch([() => props.note.reactions, () => props.maxNumber], ([newSource, maxNumbe
 
 .root {
 	margin: 4px -2px 0 -2px;
+	cursor: auto; /* not clickToOpen-able */
 
 	&:empty {
 		display: none;
diff --git a/packages/frontend/src/components/MkSubNoteContent.vue b/packages/frontend/src/components/MkSubNoteContent.vue
index c8c48d1623..f7ef58ee7d 100644
--- a/packages/frontend/src/components/MkSubNoteContent.vue
+++ b/packages/frontend/src/components/MkSubNoteContent.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div :class="[$style.root, { [$style.collapsed]: collapsed }]">
-	<div @click="defaultStore.state.clickToOpen ? noteclick(note.id) : undefined">
+	<div :class="{ [$style.clickToOpen]: defaultStore.state.clickToOpen }" @click="defaultStore.state.clickToOpen ? noteclick(note.id) : undefined">
 		<span v-if="note.isHidden" style="opacity: 0.5">({{ i18n.ts.private }})</span>
 		<span v-if="note.deletedAt" style="opacity: 0.5">({{ i18n.ts.deleted }})</span>
 		<MkA v-if="note.replyId" :class="$style.reply" :to="`/notes/${note.replyId}`" v-on:click.stop><i class="ph-arrow-bend-left-up ph-bold pg-lg"></i></MkA>
@@ -134,4 +134,8 @@ const collapsed = $ref(isLong);
 	border-radius: var(--radius-ellipse);
 	box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
 }
+
+.clickToOpen {
+	cursor: pointer;
+}
 </style>

From 5145af8ac5b51b5deac2efedc02e7573d8a87a58 Mon Sep 17 00:00:00 2001
From: ShittyKopper <shittykopper@w.on-t.work>
Date: Tue, 31 Oct 2023 14:35:50 +0300
Subject: [PATCH 3/4] fix: use drop-shadow instead of box-shadow for correct
 shadows on transparent avatars

---
 packages/frontend/src/pages/user/home.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue
index f77165db24..cdfad57cd4 100644
--- a/packages/frontend/src/pages/user/home.vue
+++ b/packages/frontend/src/pages/user/home.vue
@@ -520,7 +520,7 @@ onUnmounted(() => {
 					z-index: 2;
 					width: 120px;
 					height: 120px;
-					box-shadow: 1px 1px 3px rgba(#000, 0.2);
+					filter: drop-shadow(1px 1px 3px rgba(#000, 0.2));
 				}
 
 				> .roles {

From 6ee6ed6f730571630f7308f9679e472c3e8d90dd Mon Sep 17 00:00:00 2001
From: ShittyKopper <shittykopper@w.on-t.work>
Date: Wed, 1 Nov 2023 23:57:59 +0300
Subject: [PATCH 4/4] fix: square avatars

---
 packages/frontend/src/components/global/MkAvatar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/global/MkAvatar.vue b/packages/frontend/src/components/global/MkAvatar.vue
index e59a3f8037..e238834872 100644
--- a/packages/frontend/src/components/global/MkAvatar.vue
+++ b/packages/frontend/src/components/global/MkAvatar.vue
@@ -169,7 +169,7 @@ watch(() => props.user.avatarBlurhash, () => {
 	left: 0;
 	right: 0;
 	top: 0;
-	border-radius: var(--radius-full);
+	border-radius: 100%;
 	z-index: 1;
 	overflow: clip;
 	object-fit: cover;