Skip to content

fix: одинаковая высота карточек сессий в сетке#52

Merged
vakovalskii merged 1 commit intovakovalskii:mainfrom
NovakPAai:fix/equal-height-cards
Apr 7, 2026
Merged

fix: одинаковая высота карточек сессий в сетке#52
vakovalskii merged 1 commit intovakovalskii:mainfrom
NovakPAai:fix/equal-height-cards

Conversation

@NovakPAai
Copy link
Copy Markdown
Contributor

@NovakPAai NovakPAai commented Apr 7, 2026

Закрывает #51

Что изменено

Файл: src/frontend/styles.css — 3 правки, +4 строки

Селектор Изменение
.card-live-wrap Добавлено display:flex; flex-direction:column
.card-live-wrap > .card Добавлено flex:1
.card-body Добавлено -webkit-line-clamp:3 + overflow:hidden

Почему

CSS Grid по умолчанию растягивает все ячейки строки до одинаковой высоты (align-items:stretch). Для обычных .card это работает автоматически — они прямые дети грида. Но LIVE/WAITING сессии обёрнуты в .card-live-wrap (нужен для анимированной conic-gradient рамки), и без display:flex на обёртке вложенная .card не наследует растянутую высоту — отсюда кривота.

Ограничение строк через line-clamp выравнивает высоту строк сетки, убирая разброс из-за длины описания.

Эффект

До: карточки в одной строке разной высоты, LIVE/WAITING-карточки короче соседних.
После: все карточки в строке одинаковой высоты, текст обрезан на 3 строках с многоточием.

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

  1. Открыть Timeline или All Sessions (режим сетки).
  2. Строки с LIVE/WAITING и обычными карточками вперемешку → одинаковая высота.
  3. Длинные описания → обрезаются на 3 строках, без переполнения.
  4. Темы dark / light / monokai — без регрессий.

🤖 Generated with Claude Code

@NovakPAai NovakPAai changed the title fix: equal-height session cards in grid view fix: одинаковая высота карточек сессий в сетке Apr 7, 2026
@vakovalskii vakovalskii merged commit c59dcef into vakovalskii:main Apr 7, 2026
vakovalskii added a commit that referenced this pull request Apr 7, 2026
…, #59)

Bug fixes:
- PR #59 (@akolotov): Fix Codex session message count in grid/list views
- PR #54 (@NovakPAai): Remove claude-ext sessions from Cursor filter
- PR #52 (@NovakPAai): Equal-height session cards in grid view
- PR #44 (@izzzzzi): Use tab separator for sqlite3 queries (fixes pipes in titles)

Features:
- PR #56 (@NovakPAai): Subscription service/plan selector with auto-price in Analytics
- PR #58 (@NovakPAai): Git-repo based project grouping with session list in Projects view

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
vakovalskii added a commit that referenced this pull request Apr 7, 2026
…, #59) (#63)

Bug fixes:
- PR #59 (@akolotov): Fix Codex session message count in grid/list views
- PR #54 (@NovakPAai): Remove claude-ext sessions from Cursor filter
- PR #52 (@NovakPAai): Equal-height session cards in grid view
- PR #44 (@izzzzzi): Use tab separator for sqlite3 queries (fixes pipes in titles)

Features:
- PR #56 (@NovakPAai): Subscription service/plan selector with auto-price in Analytics
- PR #58 (@NovakPAai): Git-repo based project grouping with session list in Projects view

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants