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

Enable vertical text editing on Alt text editor (#38797)

Browse Source
This commit is contained in:
Itoh Shimon 2026-05-28 01:23:52 +09:00 committed by GitHub
parent ed23fafd1d
commit ddd687b98e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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/styles/mastodon/components.scss
View File

@ -1361,6 +1361,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}),
@ -1375,6 +1376,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
@ -1383,6 +1385,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