فهرست منبع

refactor: remove tomorrow styling and update z-index for employee detail panel

- Removed the tomorrow class styling from the calendar day component to simplify the UI.
- Increased the z-index of the overlay to ensure it displays above the employee detail panel for better visibility.
- Updated the EmployeeCalendarDay interface by removing the isTomorrow property to streamline data handling.
0235711 3 هفته پیش
والد
کامیت
16b466c5d7

+ 0 - 1
src/app/pages/team-leader/employee-detail-panel/employee-detail-panel.html

@@ -115,7 +115,6 @@
                 @for (day of employeeDetail.calendarData.days; track day.date.getTime()) {
                   <div class="calendar-day"
                        [class.today]="day.isToday"
-                       [class.tomorrow]="day.isTomorrow"
                        [class.other-month]="!day.isCurrentMonth"
                        [class.has-projects]="day.projectCount > 0"
                        [class.clickable]="day.projectCount > 0 && day.isCurrentMonth"

+ 1 - 18
src/app/pages/team-leader/employee-detail-panel/employee-detail-panel.scss

@@ -367,23 +367,6 @@
                 font-weight: 700;
               }
             }
-            
-            // ⭐ 新增:明天的样式(更明显的颜色)
-            &.tomorrow {
-              border-color: #f59e0b;
-              border-width: 2px;
-              background: #fffbeb;
-
-              .day-number {
-                color: #f59e0b;
-                font-weight: 700;
-              }
-              
-              .day-badge {
-                background: #fef3c7;
-                color: #d97706;
-              }
-            }
 
             &.other-month {
               opacity: 0.3;
@@ -836,7 +819,7 @@
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
   backdrop-filter: blur(4px);
-  z-index: 1001;
+  z-index: 1200; // 🔥 提高层级,显示在员工详情面板 (1100) 之上
   display: flex;
   align-items: center;
   justify-content: center;

+ 0 - 1
src/app/pages/team-leader/employee-detail-panel/employee-detail-panel.ts

@@ -40,7 +40,6 @@ export interface EmployeeCalendarDay {
   projectCount: number; // 当天项目数量
   projects: Array<{ id: string; name: string; deadline?: Date }>; // 项目列表
   isToday: boolean;
-  isTomorrow?: boolean; // ⭐ 新增:标记明天
   isCurrentMonth: boolean;
 }