- Created: static/css/components/post-form.css (textarea.autogrow with min/max height, overflow control) - Modified: templates/feed/post_form.html (replaced inline styles with CSS import) - Description: Extracted 13-line style block for autogrow textarea behavior - Result: Post form now uses reusable component CSS
21 lines
1.1 KiB
CSS
21 lines
1.1 KiB
CSS
/**
|
|
* post-form.css
|
|
* Стили формы создания/редактирования поста
|
|
*/
|
|
|
|
/* ─────────────────────────────────────────────────────────────
|
|
AUTOGROW TEXTAREA
|
|
────────────────────────────────────────────────────────────── */
|
|
/* авто-рост для больших текстов */
|
|
textarea.autogrow {
|
|
overflow: hidden; /* без внутренних скроллов, пока не упремся в max-height */
|
|
resize: none; /* убираем ручной ресайз, если хочешь оставить — поменяй на 'vertical' */
|
|
min-height: 120px; /* стартовая высота (на вкус) */
|
|
max-height: 70vh; /* чтобы не занимало весь экран */
|
|
}
|
|
|
|
/* когда достигли max-height — позволим вертикальный скролл */
|
|
textarea.autogrow.is-max {
|
|
overflow-y: auto;
|
|
}
|