73 lines
2.1 KiB
CSS
73 lines
2.1 KiB
CSS
/* 오늘 일정 대시보드 전체 스타일 */
|
|
.today-schedule-table {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* Dataview 표 디자인 모던화 */
|
|
.today-schedule-table table.dataview {
|
|
border-collapse: separate !important;
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
font-size: 0.95em;
|
|
}
|
|
|
|
/* 헤더 스타일 */
|
|
.today-schedule-table th.dataview {
|
|
background-color: var(--background-secondary) !important;
|
|
color: var(--text-normal);
|
|
font-weight: 600;
|
|
padding: 10px 12px;
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 셀 스타일 */
|
|
.today-schedule-table td.dataview {
|
|
padding: 10px 12px;
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* 마지막 행 테두리 제거 */
|
|
.today-schedule-table tr:last-child td.dataview {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/* 마우스 호버 효과 */
|
|
.today-schedule-table tr:hover td.dataview {
|
|
background-color: var(--background-primary-alt);
|
|
}
|
|
|
|
/* 한 줄 정렬 및 말줄임 전용 클래스 */
|
|
.schedule-ellipsis-cell {
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 200px; /* 필요에 따라 너비 조절 가능 */
|
|
}
|
|
|
|
/* 상태 및 우선순위 뱃지 디자인 */
|
|
.schedule-badge {
|
|
display: inline-block;
|
|
padding: 3px 8px;
|
|
font-size: 0.85em;
|
|
font-weight: 500;
|
|
border-radius: 12px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 상태별 색상 */
|
|
.badge-todo { background-color: rgba(150, 150, 150, 0.15); color: var(--text-muted); }
|
|
.badge-doing { background-color: rgba(30, 144, 255, 0.15); color: #1e90ff; }
|
|
.badge-done { background-color: rgba(46, 139, 87, 0.15); color: #2e8b57; }
|
|
|
|
/* 우선순위별 색상 */
|
|
.badge-high { background-color: rgba(220, 20, 60, 0.15); color: #dc143c; }
|
|
.badge-medium { background-color: rgba(255, 165, 0, 0.15); color: #ffa500; }
|
|
.badge-low { background-color: rgba(46, 139, 87, 0.15); color: #2e8b57; } |