Phase 4: Light mode removal + CreateTicketView restructuring
## Light Mode Removal & Optimization - Removed theme toggle functionality from dashboard.js - Forced dark mode only (terminal aesthetic) - Cleaned up .theme-toggle CSS class and styles - Removed body.light-mode CSS rules from all view files - Simplified user-header styles to use static dark colors - Removed CSS custom properties (--header-bg, --header-text, --border-color) - Removed margin-right for theme toggle button (no longer needed) ## CreateTicketView Complete Restructuring - Added user header with back link and user info - Restructured into 6 vertical nested ASCII sections: 1. Form Header - Create New Ticket introduction 2. Template Selection - Optional template dropdown 3. Basic Information - Title input field 4. Ticket Metadata - Status, Priority, Category, Type (4-column) 5. Detailed Description - Main textarea 6. Form Actions - Create/Cancel buttons - Each section wrapped in ascii-section-header → ascii-content → ascii-frame-inner - Added ASCII dividers between all sections - Added ╚╝ bottom corner characters to outer frame - Improved error message styling with priority-1 color - Added helpful placeholder text and hints ## Files Modified - assets/css/dashboard.css: Removed theme toggle CSS (~19 lines) - assets/js/dashboard.js: Removed initThemeToggle() and forced dark mode - views/DashboardView.php: Simplified user-header CSS (removed light mode) - views/TicketView.php: Simplified user-header CSS (removed light mode) - views/CreateTicketView.php: Complete restructuring (98→242 lines) ## Code Quality - Maintained all existing functionality and event handlers - Kept all class names for JavaScript compatibility - Consistent nested frame structure across all pages - Zero breaking changes to backend or business logic - Optimized by removing ~660 unused lines total 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -29,27 +29,16 @@
|
||||
</div>
|
||||
<style>
|
||||
.user-header {
|
||||
background: var(--header-bg, #2c3e50);
|
||||
background: #2c3e50;
|
||||
padding: 0.5rem 1rem;
|
||||
margin-right: 60px; /* Space for theme toggle */
|
||||
margin-left: 50px; /* Space for hamburger menu */
|
||||
color: var(--header-text, white);
|
||||
color: white;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid var(--border-color, #ddd);
|
||||
border-bottom: 1px solid #444;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body.light-mode .user-header {
|
||||
--header-bg: #f8f9fa;
|
||||
--header-text: #333;
|
||||
--border-color: #dee2e6;
|
||||
}
|
||||
body.dark-mode .user-header {
|
||||
--header-bg: #2c3e50;
|
||||
--header-text: white;
|
||||
--border-color: #444;
|
||||
}
|
||||
.user-header-left, .user-header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -60,11 +49,11 @@
|
||||
.app-title {
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
color: var(--header-text);
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.user-name {
|
||||
color: var(--header-text);
|
||||
color: white;
|
||||
font-size: 0.9rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
||||
Reference in New Issue
Block a user