|
|
4a08035736
|
feat: Add custom button variants (pill, emoji, attachment, theme, etc.)
Добавлены недостающие варианты кнопок:
- button--pill (закругленные края)
- button--emoji (для emoji picker)
- button--attachment (вложения)
- button--send (отправка сообщения)
- button--theme (переключатель темы)
- button__text, button__spinner (элементы внутри кнопок)
Добавлена полная backward compatibility через @extend:
- btn-pill, btn-emoji, btn-attachment, btn-send, btn-theme
- btn-text, btn-spinner, btn-label
- Все стандартные цвета и размеры
Размер app.css: 148 KB → 151 KB (+3 KB)
btn-close оставлен как есть (стандартный Bootstrap для модалов)
|
2026-01-15 14:34:05 +03:00 |
|
|
|
8159c6f472
|
feat: Replace Bootstrap buttons with custom button system
### Custom Button System Implementation
Created modern button system to replace Bootstrap buttons:
- ✅ Created core/_buttons-custom.scss (550+ lines)
- ✅ CSS Custom Properties for easy customization
- ✅ 8 color variants (primary, secondary, success, danger, warning, info, light, dark)
- ✅ Outline and Ghost variants
- ✅ 4 sizes (sm, md, lg, xl)
- ✅ Special variants (block, icon, circle, link)
- ✅ Loading state with spinner animation
- ✅ Button groups support
- ✅ Modern animations (hover, active, focus)
### Template Migration
Migrated 65 HTML templates using automated Python script:
- Replaced .btn → .button
- Replaced .btn-primary → .button--primary
- Replaced .btn-outline-* → .button--outline button--*
- Replaced size classes .btn-sm → .button--sm
- Total changes: 354 → 347 button usages
### Results
- app.css: 137 KB → 148 KB (+11 KB for custom buttons)
- Templates changed: 65 files
- Remaining .btn classes: 133 (mostly btn-close for modals)
- New .button classes: 347
### Backward Compatibility
Kept @extend rules in _buttons-custom.scss for gradual migration.
Can be removed after complete migration.
Next step: Remove Bootstrap button imports from custom-bootstrap.scss
|
2026-01-15 14:23:44 +03:00 |
|
|
|
9df9f78666
|
refactor: Complete SCSS architecture reorganization
SCSS Architecture 2.0 - Feature-based structure
### Major Changes:
- ✅ Reorganized 51 SCSS files into logical categories
- ✅ Created feature-based structure: core/, layout/, features/, utilities/
- ✅ Merged duplicate components: badges (2→1), modals (3→1), lists (2→1), spacing (2→1)
- ✅ Renamed files: ios-search→search, team-wheel→team-viz, recipientPicker→recipient-picker
- ✅ Cleaned custom-bootstrap.scss from all app components
- ✅ Moved chat components from custom-bootstrap to main.scss
### Results:
- Files: 51 → 38 (-13 files, -25%)
- bootstrap-custom.css: 301 KB → 229 KB (-72 KB, -24%)
- app.css: 95 KB → 137 KB (+42 KB, expected)
- Total CSS: 396 KB → 366 KB (-30 KB, -7.5%)
### New Structure:
scss/
├── abstracts/ # Variables, mixins (4 files)
├── core/ # UI Kit - reusable components (9 files)
│ ├── buttons, badges, cards, lists, modals, etc.
├── layout/ # App structure (6 files)
│ ├── grid, navbar, sidebar, rightbar, etc.
├── utilities/ # Utility classes (1 file)
│ └── spacing
└── features/ # Feature-specific styles (18 files in 6 folders)
├── feed/ (3 files)
├── requests/ (3 files)
├── documents/ (1 file)
├── employees/ (2 files)
├── notifications/ (1 file)
└── chat/ (10 files)
### Benefits:
- Clear categorization
- No duplicate imports (removed 8 duplicates)
- Logical feature grouping
- Easier maintenance
- Clean architecture
- Better naming conventions
### Documentation:
- scss/README.md - full architecture documentation
- scss/MIGRATION_MATRIX.md - file migration matrix
- docs/reports/SCSS_REORGANIZATION_COMPLETE.md - completion report
Bootstrap remains as base UI framework.
|
2026-01-15 14:11:14 +03:00 |
|
|
|
f44a9ac23d
|
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 |
|
