Skip to content

Commit 48bad36

Browse files
zhgchgli0718claude
andcommitted
fix(calendar): prioritize event title, let location shrink to content
行事曆事件列表第三欄改用 max-content,地點短時不再佔掉一大片空白, 標題能拿到更多寬度;地點過長時加上 max-width 防止反過來擠壓標題。 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent e80e634 commit 48bad36

1 file changed

Lines changed: 3 additions & 2 deletions

File tree

index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1015,7 +1015,7 @@
10151015
.cal-list { display: flex; flex-direction: column; gap: 6px; }
10161016
.cal-row {
10171017
display: grid;
1018-
grid-template-columns: 90px minmax(0, 1fr) minmax(0, 1.1fr);
1018+
grid-template-columns: 90px minmax(0, 1fr) minmax(0, max-content);
10191019
align-items: center;
10201020
gap: 12px;
10211021
padding: 4px 0;
@@ -1048,6 +1048,7 @@
10481048
overflow: hidden;
10491049
text-overflow: ellipsis;
10501050
min-width: 0;
1051+
max-width: 220px;
10511052
}
10521053

10531054
/* === 404 not found === */
@@ -1600,7 +1601,7 @@
16001601
.cal-cd-num.cal-cd-tmr { font-size: 26px; }
16011602
.cal-cd-unit { font-size: 10px; letter-spacing: 0.3em; }
16021603
.cal-row {
1603-
grid-template-columns: 64px minmax(0, 1fr) minmax(0, 90px);
1604+
grid-template-columns: 64px minmax(0, 1fr) minmax(0, max-content);
16041605
gap: 10px;
16051606
font-size: 13px;
16061607
}

0 commit comments

Comments
 (0)