/* static/css/tasks.css | подключите в */ .table.tasks-table tr { height: 64px; } /* одна запись: 64 px */ .tasks-table th, .tasks-table td { word-break: break-word; white-space: normal; } /* ─── Глобальная «компактность» ─── */ .table-sm td, .table-sm th { padding-top:.35rem; padding-bottom:.35rem; } h2, h3 { margin-bottom:1rem; font-size:1.25rem; } .btn-xs.btn, .btn-xs.btn-sm { padding:.15rem .5rem; font-size:.7rem; } dl.row { --bs-gutter-x:.25rem; --bs-gutter-y:.25rem; } .card-body { padding:1rem 1.25rem; } /* ─── сворачивание / разворачивание описания ─── */ .task-desc { white-space: normal; transition: max-height .2s; line-height: 1.35; /* плотнее текст */ } .task-desc.clamped { /* свернутое состояние – ~3-4 строки */ max-height: 7.5rem; /* подберите под свой шрифт */ overflow: hidden; } .task-desc.clamped::after { /* лёгкий градиент-подсказка «есть ещё» */ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.5em; background: linear-gradient(to bottom, transparent, #fff); } /* ─── карточка задачи ─── */ .card { margin-bottom: 0.5rem; } /* было 1rem+ */ .card-body { padding: .75rem 1rem; } /* было 1rem 1.25rem */ h1, h2, h3 { margin-bottom: .75rem; } /* убираем лишний gap */ dl.row dt { width: 40%; } /* уже колонка заголовков — экономим горизонталь */ /* ─── Discussion ─── */ .discussion-box h6 { margin-bottom: .5rem; font-size: .9rem; } .discussion-box div[style] { /* контейнер с max-height */ max-height: 200px; /* было 240px */ } /* каждое сообщение */ .discussion-box .mb-2 { margin-bottom: .25rem !important; line-height: 1.25; /* плотнее строки */ font-size: .88rem; /* чуть мельче шрифт */ } /* имя автора и дата */ .discussion-box strong { font-weight: 600; } .discussion-box small { font-size: .75em; } /* сам текст сообщения */ .discussion-box span { white-space: pre-wrap; }