From 5177fdeef1d8ed2fe35271f5767ab713ee51fd0d Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Sat, 25 Feb 2023 01:15:42 -0500
Subject: [PATCH] allow mfm to overflow w/out it blocking any buttons

---
 packages/client/src/components/MkCwButton.vue     | 2 ++
 packages/client/src/components/MkNote.vue         | 1 -
 packages/client/src/components/MkNoteDetailed.vue | 1 +
 packages/client/src/components/MkNoteFooter.vue   | 2 ++
 packages/client/src/components/MkNoteHeader.vue   | 2 ++
 packages/client/src/components/MkNoteSub.vue      | 1 +
 6 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/MkCwButton.vue b/packages/client/src/components/MkCwButton.vue
index 3baae82b95..902fe6d974 100644
--- a/packages/client/src/components/MkCwButton.vue
+++ b/packages/client/src/components/MkCwButton.vue
@@ -36,6 +36,8 @@ const toggle = () => {
 
 <style lang="scss" scoped>
 .nrvgflfu {
+	position: relative;
+	z-index: 2;
 	display: inline-block;
 	padding: 4px 8px;
 	font-size: 0.8em;
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 0d0b977d7d..91926db471 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -451,7 +451,6 @@ function readPromo() {
 
 			> .body {
 				margin-top: .7em;
-				overflow: hidden;
 
 				> .cw {
 					cursor: default;
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 082cb33d3c..4b5ca111ec 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -430,6 +430,7 @@ onUnmounted(() => {
 	> .article {
 		padding: 32px;
 		font-size: 1.2em;
+		overflow: clip;
 
 		> .header {
 			display: flex;
diff --git a/packages/client/src/components/MkNoteFooter.vue b/packages/client/src/components/MkNoteFooter.vue
index a5a7eb175a..4183225b9a 100644
--- a/packages/client/src/components/MkNoteFooter.vue
+++ b/packages/client/src/components/MkNoteFooter.vue
@@ -122,6 +122,8 @@ function blur() {
 
 <style lang="scss" scoped>
 .footer {
+	position: relative;
+	z-index: 2;
 	display: flex;
 	flex-wrap: wrap;
 	pointer-events: none; // Allow clicking anything w/out pointer-events: all; to open post
diff --git a/packages/client/src/components/MkNoteHeader.vue b/packages/client/src/components/MkNoteHeader.vue
index f1d2d37b0f..0d0b2183d4 100644
--- a/packages/client/src/components/MkNoteHeader.vue
+++ b/packages/client/src/components/MkNoteHeader.vue
@@ -47,6 +47,8 @@ const showTicker = (defaultStore.state.instanceTicker === 'always') || (defaultS
 
 <style lang="scss" scoped>
 .kkwtjztg {
+	position: relative;
+	z-index: 2;
 	display: flex;
 	align-items: center;
 	white-space: nowrap;
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index 8b11cbffc2..422c2de12c 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -67,6 +67,7 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
 .wrpstxzv {
 	padding: 16px 32px;
 	content-visibility: auto;
+	overflow: clip;
 	&.children {
 		padding: 10px 0 0 var(--indent);
 		padding-left: var(--indent) !important;