fix(v1.9.5): 大屏热力日历格子错位与数字反色

- 根因:重构时 --ink-2 由「文字色」变成「背景色」,热力格数字取到深色背景色;同时 aspect-ratio + 内容宽度导致列宽不均、右侧被裁
- 热力网格强制 repeat(7, minmax(0,1fr)),单元格 width:100%、min-width:0、min-height:34px,去掉 aspect-ratio
- 格子内日期/计数/说明统一高对比文字,计数用亮绿加粗
- 非本月日期透明度从 .28 提到 .45,历史日期 .66→.75,避免整格发黑
- 仍为 v1.9.5,仅前端样式
This commit is contained in:
subtrack
2026-10-20 01:03:40 +08:00
parent a89018c19b
commit 3eb7d32fa9
+30 -1
View File
@@ -436,4 +436,33 @@ body::before {
.kpi b, .kpi strong { color: #eafff6 !important; }
.heat-cell.h1 { color: #dff5ea; }
/* v1.9.4:非本月日期再提亮一档 */
.heat-cell.out, .scr-cal .out { color: #a9c3b6 !important; opacity: .85; }
.heat-cell.out, .scr-cal .out { color: #a9c3b6 !important; opacity: .85; }
/* v1.9.5:热力日历对齐修复 + 文字反色 */
.panel-head { position: relative; z-index: 2; }
.heat-grid { overflow: hidden; min-width: 0; }
.heat-dow, .heat-row {
display: grid !important;
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
grid-auto-flow: row;
gap: 4px;
width: 100%;
min-width: 0;
}
.heat-row { align-items: stretch; }
.heat-cell {
width: 100% !important;
min-width: 0;
aspect-ratio: auto !important;
min-height: 34px;
padding: 2px 6px;
overflow: hidden;
}
.heat-cell span, .heat-cell b, .heat-cell em {
color: var(--ink-ink) !important;
font-family: "Bahnschrift", monospace;
white-space: nowrap;
}
.heat-cell b { color: #63d6ad !important; font-weight: 700; }
.heat-cell.out { opacity: .45 !important; }
.heat-cell.past { opacity: .75 !important; }
.heat-legend { margin-top: 6px; color: var(--muted); }