Skip to content

fix: карточки сессий разной высоты в сетке #51

@NovakPAai

Description

@NovakPAai

Проблема

Карточки сессий в сетке имеют разную высоту в зависимости от длины текста. Карточки с длинным описанием выше соседних в той же строке — особенно заметно, когда рядом стоят LIVE/WAITING-карточки и обычные.

Причины:

  1. .card-live-wrap (обёртка для LIVE/WAITING сессий) не имеет flex-раскладки, поэтому вложенная .card не растягивается до высоты строки сетки.
  2. Текст .card-body не ограничен по числу строк, из-за чего длинные описания делают карточки выше коротких.

Исправление

  • display: flex; flex-direction: column на .card-live-wrap — передаёт растянутую высоту вниз.
  • flex: 1 на .card-live-wrap > .card — карточка заполняет всю высоту обёртки.
  • -webkit-line-clamp: 3 на .card-body — обрезает текст на 3 строках.

Как проверить

  1. Открыть вид Timeline или All Sessions (сетка).
  2. Все карточки в одной строке должны быть одинаковой высоты.
  3. LIVE/WAITING-карточки (с анимированной рамкой) должны совпадать по высоте с соседними.
  4. Длинные описания обрезаются на 3 строках с многоточием.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions