From fbc6cd59bc5782294db5eebbff5d53fded653e24 Mon Sep 17 00:00:00 2001 From: Riedler Date: Wed, 10 Sep 2025 02:10:38 +0200 Subject: [PATCH 1/6] fix: multiline alt text no longer flows into itself --- src/components/attachment/attachment.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/attachment/attachment.scss b/src/components/attachment/attachment.scss index d65f39fb..0384244b 100644 --- a/src/components/attachment/attachment.scss +++ b/src/components/attachment/attachment.scss @@ -5,7 +5,6 @@ flex-direction: column; position: relative; align-self: flex-start; - line-height: 0; height: 100%; border-style: solid; border-width: 1px; -- 2.50.1 From 2455bb70f3defe5edb79e45962e7e7423a2ef82d Mon Sep 17 00:00:00 2001 From: Riedler Date: Wed, 10 Sep 2025 02:25:02 +0200 Subject: [PATCH 2/6] feat: since I'm already here, let's do some basic styling --- src/components/attachment/attachment.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/components/attachment/attachment.scss b/src/components/attachment/attachment.scss index 0384244b..6cfc2dca 100644 --- a/src/components/attachment/attachment.scss +++ b/src/components/attachment/attachment.scss @@ -5,6 +5,7 @@ flex-direction: column; position: relative; align-self: flex-start; + line-height: 0; height: 100%; border-style: solid; border-width: 1px; @@ -114,6 +115,13 @@ align-items: center; justify-content: center; padding-top: 0.5em; + + p { + line-height: 1.5; + padding: 0 0.5em; + white-space: pre-line; + text-align: center; + } } -- 2.50.1 From e1b4d8f59a9ba205f31c5664e353f93132349c0d Mon Sep 17 00:00:00 2001 From: Riedler Date: Wed, 10 Sep 2025 02:35:14 +0200 Subject: [PATCH 3/6] fix: minor overflow issue in draft attachment alt text --- src/components/attachment/attachment.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/attachment/attachment.scss b/src/components/attachment/attachment.scss index 6cfc2dca..59476039 100644 --- a/src/components/attachment/attachment.scss +++ b/src/components/attachment/attachment.scss @@ -16,7 +16,7 @@ .attachment-wrapper { flex: 1 1 auto; - height: 200px; + min-height: 200px; position: relative; overflow: hidden; } -- 2.50.1 From bb71635d12e8d42f7fd9260b4c008ee0f1ad4769 Mon Sep 17 00:00:00 2001 From: Riedler Date: Wed, 10 Sep 2025 03:13:03 +0200 Subject: [PATCH 4/6] fix: no multiline alt text in post popovers --- src/components/attachment/attachment.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/components/attachment/attachment.scss b/src/components/attachment/attachment.scss index 59476039..0714b3d0 100644 --- a/src/components/attachment/attachment.scss +++ b/src/components/attachment/attachment.scss @@ -19,6 +19,10 @@ min-height: 200px; position: relative; overflow: hidden; + + .status-popover & { + height: 200px; + } } .description-container { @@ -121,6 +125,12 @@ padding: 0 0.5em; white-space: pre-line; text-align: center; + + .status-popover & { + text-overflow: ellipsis; + overflow: hidden; + height: 1lh; + } } } -- 2.50.1 From d252e10543aefcd4d27d0994b035356acadf221b Mon Sep 17 00:00:00 2001 From: Riedler Date: Mon, 22 Sep 2025 16:23:33 +0200 Subject: [PATCH 5/6] fix: scrollable gallery rows for if contents are too long like my peanits --- src/components/gallery/gallery.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue index d41eccd0..71b19c2d 100644 --- a/src/components/gallery/gallery.vue +++ b/src/components/gallery/gallery.vue @@ -100,6 +100,8 @@ flex-grow: 1; .Status & { max-height: 30em; + overflow-y: auto; /* makes long alt text on files scrollable */ + scrollbar-color: var(--border) #0000; } &.-audio { -- 2.50.1 From f08a96119932cbc022b05098648742bc98bafa23 Mon Sep 17 00:00:00 2001 From: Riedler Date: Mon, 22 Sep 2025 17:56:16 +0200 Subject: [PATCH 6/6] fix: some days I hate CSS --- src/components/attachment/attachment.scss | 4 ++++ src/components/gallery/gallery.vue | 2 -- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/attachment/attachment.scss b/src/components/attachment/attachment.scss index 0714b3d0..3a0d0b77 100644 --- a/src/components/attachment/attachment.scss +++ b/src/components/attachment/attachment.scss @@ -19,6 +19,7 @@ min-height: 200px; position: relative; overflow: hidden; + align-content: center; .status-popover & { height: 200px; @@ -125,6 +126,9 @@ padding: 0 0.5em; white-space: pre-line; text-align: center; + max-height: 200px; + overflow-y: auto; + scrollbar-color: var(--border) #0000; .status-popover & { text-overflow: ellipsis; diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue index 71b19c2d..d41eccd0 100644 --- a/src/components/gallery/gallery.vue +++ b/src/components/gallery/gallery.vue @@ -100,8 +100,6 @@ flex-grow: 1; .Status & { max-height: 30em; - overflow-y: auto; /* makes long alt text on files scrollable */ - scrollbar-color: var(--border) #0000; } &.-audio { -- 2.50.1