50cedc4149
refactor: Extract remaining small CSS blocks (department controls, feed-header, search, chat)
...
- Created: static/css/components/department-controls.css (modal z-index overrides for department management)
- Created: static/css/components/feed-header.css (reusable feed header styles with gap/flex-wrap)
- Modified: templates/employees/_department_controls.html (replaced 12-line style block)
- Modified: templates/search/results.html (replaced feed-header styles)
- Modified: templates/communications/chat_list.html (replaced feed-header styles)
- Description: Extracted last remaining inline styles, created reusable feed-header component
- Result: All small CSS blocks now extracted to component files
2025-10-28 10:11:25 +03:00
2cc14bc208
refactor: Extract post form textarea autogrow styles
...
- Created: static/css/components/post-form.css (textarea.autogrow with min/max height, overflow control)
- Modified: templates/feed/post_form.html (replaced inline styles with CSS import)
- Description: Extracted 13-line style block for autogrow textarea behavior
- Result: Post form now uses reusable component CSS
2025-10-28 10:10:07 +03:00
737f0a9623
refactor: Extract sidebar and navbar CSS components
...
- Created static/css/components/sidebar.css (200 lines)
* Navigation layout, active states, badges
* Theme switcher button
- Created static/css/components/navbar.css (30 lines)
* Menu toggle button
* Dropdown avatar customization
- Removed ~95 lines of inline styles from sidebar.html
- Removed ~23 lines of inline styles from navbar.html
- All tests passing (17 OK)
2025-10-28 10:03:31 +03:00
f1b72ffb91
refactor: Extract request-list CSS and deduplicate styles
...
- Created static/css/components/request-list.css (170 lines)
- Removed duplicate styles from request_list_full.html (~120 lines)
- Removed duplicate ios-search styles from chat_list.html (~29 lines)
- Reused document-list.css in request_list_full.html
- All tests passing (17 OK)
2025-10-28 09:59:20 +03:00
ef2d0490e6
refactor: Extract chat-detail CSS to component
...
- Created static/css/components/chat-detail.css (260 lines)
- Extracted chat styles from chat_detail.html (~113 lines removed)
- Features: full-height layout, custom scrollbar, message bubbles, composer
- All tests passing (17 OK)
2025-10-28 09:54:08 +03:00
f63a0d143a
refactor: Extract document-list CSS to component
...
- Created static/css/components/document-list.css (220 lines)
- Extracted styles from document_list.html (~50 lines removed)
- Features: document list layout, recipient picker widget, acknowledgments UI
- All tests passing (17 OK)
2025-10-28 09:51:47 +03:00
0932bcb599
refactor: Extract base-app and ios-components CSS
...
- Created static/css/components/base-app.css (280 lines)
* Layout system (sidebar, navbar, rightbar)
* Base typography and form controls
* Notification bell, mobile FAB
* Feed elements and ghost buttons
* Alpha headers and action buttons
- Created static/css/components/ios-components.css (440 lines)
* iOS-style cards, lists, and cells
* Avatars, badges, chips
* Collapse triggers and accordions
* Department inline editor
* Skills UI, activity block
* Icon button variants
- Removed 380 lines of inline styles from base.html
- All tests passing (17 OK)
2025-10-28 09:50:39 +03:00
19ebbd6351
refactor: Extract employee-list CSS to component
...
- Created static/css/components/employee-list.css (130 lines)
- Extracted employee list styles from employees_list.html (~74 lines removed)
- Features: CSS custom properties for layout, grid-based row structure, avatar styling
- Maintained scrollable container with proper border management
- All tests passing (17 OK)
2025-10-28 09:46:15 +03:00
cc478bcd1d
refactor: Extract join-scroller CSS to component
...
- Created static/css/components/join-scroller.css (191 lines)
- Extracted horizontal scrolling newcomers ribbon styles from feed_list.html
- Reduced feed_list.html from 290 to 187 lines (103 lines removed)
- Features: hover expansion, gradient masks, responsive sizing
- All 17 tests passing
2025-10-28 09:43:32 +03:00
6f0cdc237a
refactor: Extract rightbar-calendar CSS to component (Phase 5 start)
...
- Created static/css/components/rightbar-calendar.css (307 lines)
- Extracted all calendar styles from rightbar_calendar.html
- Includes: FullCalendar customization, week strip, offcanvas, color picker
- Reduced rightbar_calendar.html from 1130 to 997 lines (133 lines removed)
- All 17 tests passing
2025-10-28 09:41:08 +03:00
e1f9a4206f
feat: create reusable CSS components (Phase 3)
...
- Created static/css/components/feed-cards.css (280 lines):
* Comprehensive styles for feed/news cards
* Classes: .feed-header, .feed-stream, .feed-card, .feed-hd, .feed-ava
* Includes variants: compact, borderless, highlighted
* Responsive design with mobile breakpoints
* Replaces duplicated styles found in 6+ templates
- Created static/css/components/ios-search.css (160 lines):
* iOS-style search component
* Classes: .ios-search, .ios-search-input, .ios-search-clear
* Size variants: sm, lg
* Auto-showing clear button
* Replaces duplicated styles found in 4+ templates
- Updated static/css/components/index.css:
* Added imports for feed-cards.css and ios-search.css
* Added import for variables.css
* Provides single entry point for all CSS components
Benefits:
- Eliminates ~150 lines of duplicated CSS across templates
- Centralized styling for consistent UI
- Easy to maintain and update
- Uses CSS custom properties from variables.css
- Ready for use in new features
Next: Replace inline styles in templates with component imports
Tests: All 12 static file tests passing ✅
2025-10-28 08:48:13 +03:00
303fd54d17
feat: setup refactoring infrastructure (Phase 0)
...
- Created static file structure:
* static/css/components/ - reusable CSS components
* static/css/pages/ - page-specific styles
* static/js/utils/ - utility functions
* static/js/components/ - interactive components
- Created infrastructure files:
* static/css/variables.css - CSS custom properties
* static/css/components/index.css - CSS entry point
* static/js/utils/index.js - JS utilities entry point
* static/js/components/index.js - JS components entry point
- Added comprehensive tests:
* tests/test_static_files.py - 12 tests for structure, syntax, encoding
- Updated .gitignore:
* Added staticfiles/ to ignore list
* Clarified that static/ sources are tracked
- Added REFACTORING_PLAN.md:
* New strategy: extract CSS/JS before HTML decomposition
* Documented lessons learned from previous attempts
* Defined phases 0-6 for systematic refactoring
2025-10-28 08:29:43 +03:00
