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:
@@ -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); }
|
||||
Reference in New Issue
Block a user