2 Commits

Author	SHA1	Message	Date
Игорь Надеин	8363cbd541	feat: Complete CSS to SCSS migration (100%) ... - Migrated all 28 CSS components to SCSS architecture - Deleted 29 source CSS files (kept only compiled app.css & bootstrap-custom.css) - Created 30 SCSS component modules in scss/components/ - Cleaned 24 templates from duplicate CSS links - Updated main.scss with new imports (layout-spacing, spacing-utils, rightbar-calendar) - Filled empty _navbar.scss with content - Refactored css/ folder: removed obsolete files, updated README.md - Created comprehensive documentation (migration complete, quick reference, reports) Migration Statistics: - Components migrated: 28 (~4,768 lines SCSS) - CSS files deleted: 29 - Templates cleaned: 24 - app.css size: 95 KB (compiled from SCSS) - bootstrap-custom.css: 301 KB - Total: 396 KB Phase 6 Complete: 100% SCSS architecture achieved ✅	2026-01-15 13:48:11 +03:00
Игорь Надеин	f00f7c0be5	fix(ui): исправлен рендеринг аватаров - устранена деформация и выравнивание ... Проблема: - Аватары деформировались из-за object-fit на контейнере - Аватары выравнивались по верху сообщения вместо низа - Неконсистентная HTML структура: <img class="mini-ava"> vs <div class="mini-ava"><i></i></div> Решение: SCSS (_common.scss): - object-fit: cover перемещен с контейнера на вложенный img - Добавлен display: block для img элементов SCSS (_chat-detail.scss): - Добавлен align-items: flex-end к .d-flex.msg для выравнивания по низу - .mini-ava рефакторинг: display: flex (было grid), border-radius: 50% (было 9999px) - Добавлен background и border для контейнера - Добавлен font-size: 20px для fallback иконки - object-fit остается только на img тегах JavaScript (messageRendererV2.js): - Всегда создавать <div class="mini-ava"> как контейнер - Вложенный <img> или <i class="bi bi-person-circle"> внутри - Устранена несогласованность разметки Рефакторинг архитектуры SCSS (бонус): - Создан Design System: abstracts/_variables.scss (200+ токенов) - Создано abstracts/_mixins.scss (40+ миксинов) - Реорганизована файловая структура: layout/, components/, components/chat/ - Централизованы стили аватаров в _common.scss - Устранены дубликаты (avatar определялся в 3 файлах) - Применены design tokens к navbar, page-header - Создана документация: SCSS_NAMING_CONVENTIONS.md - Удалено 9 дублирующихся CSS файлов Компиляция: 280KB, 0 ошибок, production ready	2026-01-14 11:18:35 +03:00