tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Enable vertical text editing on Alt text editor

Browse Source 
Port ddd687b98e3cea8c172f3b0b0e4cf36f96582886 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Itoh Shimon 2026-05-28 01:23:52 +09:00 committed by Claire
parent 46a819e764
commit 33f2888ae3
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/flavours/glitch/styles/mastodon/components.scss
View File

@ -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