Email or username:

Password:

Forgot your password?
MrClon

Я сделяль юзерстиль для вебинтерфейса Мастодонта увеличивающий ширину поле дня написания поста. Три года меня напрягала эта узенькая textaria, и вот наконец я собрался что-то с ней сделать.

В качестве бонуса: на достаточно широких монитораах (1920 и шире) текст отображается так же как в ленте (размер текста, межстрочный интервал и ширина строки, так что и разбивка на строки совпадает). Такой вот WYSIWYG на минималках

Подсунуть стиль в бреаузер можно например аддоном Stylus
.compose-panel {
width: calc(calc(100vw - 600px) / 2);
max-width: 620px;
}
.compose-panel .search {margin-left: 5px;}
.columns-area__panels__pane--compositional .columns-area__panels__pane__inner {width: unset;}

@media screen and (min-width: 1840px) {
.compose-panel textarea {
font-size: 15px !important;
line-height: 22px;
}
}

Скриншот демонстрирующий стиль при разрешении экрана 1366×768
Скриншот демонстрирующий стиль при разрешении экрана 1920×1080
1 comment
DELETED

@MrClon Это ещё что. У меня шрифт 20px везде вообще :blobcatderpy:

Go Up