From 33f2888ae37a7fb8d1d853fa1661b2cb74ba275b Mon Sep 17 00:00:00 2001 From: Itoh Shimon Date: Thu, 28 May 2026 01:23:52 +0900 Subject: [PATCH] [Glitch] Enable vertical text editing on Alt text editor Port ddd687b98e3cea8c172f3b0b0e4cf36f96582886 to glitch-soc Signed-off-by: Claire --- .../glitch/styles/mastodon/components.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/app/javascript/flavours/glitch/styles/mastodon/components.scss b/app/javascript/flavours/glitch/styles/mastodon/components.scss index 4d54e98af1..b1f88ed167 100644 --- a/app/javascript/flavours/glitch/styles/mastodon/components.scss +++ b/app/javascript/flavours/glitch/styles/mastodon/components.scss @@ -1420,6 +1420,7 @@ body > [data-popper-placement] { // this element inherits a text direction that is opposite to its own, // the start of this element's text is cut off. + // Posts on the timeline .status:not(.status--is-quote) > .status__content > .status__content__text:lang(#{$lang}), @@ -1434,6 +1435,7 @@ body > [data-popper-placement] { overflow-x: hidden; // read more } + // Post editor .autosuggest-textarea > .autosuggest-textarea__textarea:lang(#{$lang}) { writing-mode: vertical-lr; min-height: 209px; // writable @@ -1442,6 +1444,18 @@ body > [data-popper-placement] { scrollbar-color: unset; } + // Alt text editor + .dialog-modal__content__form + > .input + > .label_input + > textarea#description:lang(#{$lang}) { + writing-mode: vertical-lr; + min-height: 150px; // writable + max-height: 150px; // suppress autosizing by react-textarea-autosize + overflow-x: auto; + } + + // Detailed posts .detailed-status > .status__content > .status__content__text:lang(#{$lang}) { writing-mode: vertical-lr; width: 100%; // detecting overflow