From 300fcc3b99a5f4f68f6738149a44db3ed07915a5 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 3baae82b9..902fe6d97 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 0d0b977d7..91926db47 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 082cb33d3..4b5ca111e 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 a5a7eb175..4183225b9 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 f1d2d37b0..0d0b2183d 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 8b11cbffc..422c2de12 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;