diff --git a/extra/site-guide.html b/extra/site-guide.html
index 388773b..f94e777 100644
--- a/extra/site-guide.html
+++ b/extra/site-guide.html
@@ -151,6 +151,7 @@
— |
— |
+ https://zh.wikipedia.org/wiki/%E6%B0%B4%E6%99%B6%E7%94%B7%E5%AD%A9%E5%BD%B1%E8%A6%96%E4%BD%9C%E5%93%81%E5%88%97%E8%A1%A8
@@ -447,7 +448,8 @@
未列頂欄主模板之草稿/實驗頁。主選單對應頁面已移至
fallen/、member/、yellow-note/、variety/ 等資料夾;六六歌2
- 四入口之複本仍在本目錄。
+ 四入口之複本仍在本目錄。
+
diff --git a/variety/variety-shows.html b/variety/variety-shows.html
index ffbc844..3bbedf1 100644
--- a/variety/variety-shows.html
+++ b/variety/variety-shows.html
@@ -76,11 +76,32 @@
min-width: 640px;
margin: 0;
border-collapse: collapse;
+ table-layout: fixed;
font-size: 0.9rem;
line-height: 1.5;
background: transparent;
}
+ body.variety-shows-page .variety-table__col-air {
+ width: 22%;
+ }
+
+ body.variety-shows-page .variety-table__col-channel {
+ width: 10%;
+ }
+
+ body.variety-shows-page .variety-table__col-program {
+ width: 28%;
+ }
+
+ body.variety-shows-page .variety-table__col-member {
+ width: 22%;
+ }
+
+ body.variety-shows-page .variety-table__col-eps {
+ width: 18%;
+ }
+
body.variety-shows-page .variety-table thead th {
padding: 12px 10px;
border: none;
@@ -115,7 +136,7 @@
body.variety-shows-page .variety-table__year-toggle {
display: flex;
align-items: center;
- justify-content: space-between;
+ justify-content: flex-start;
gap: 12px;
width: 100%;
min-height: 48px;
@@ -131,13 +152,16 @@
box-sizing: border-box;
}
- body.variety-shows-page .variety-table__year-row:not(.is-open)>td:has(.variety-table__year-toggle:hover),
- body.variety-shows-page .variety-table__year-row:not(.is-open)>td:has(.variety-table__year-toggle:focus-visible) {
- background: #f5f5f5;
+ body.variety-shows-page .variety-table__year-tail {
+ padding: 12px 16px;
+ text-align: right;
+ vertical-align: middle;
+ white-space: nowrap;
+ cursor: pointer;
}
- body.variety-shows-page .variety-table__year-row.is-open .variety-table__year-toggle:hover,
- body.variety-shows-page .variety-table__year-row.is-open .variety-table__year-toggle:focus-visible {
+ body.variety-shows-page .variety-table__year-row:not(.is-open):hover>td,
+ body.variety-shows-page .variety-table__year-row.is-open:hover>td {
background: #f5f5f5;
}
@@ -152,7 +176,7 @@
}
body.variety-shows-page .variety-table__year-meta {
- margin-left: auto;
+ margin-right: 8px;
font-size: 0.85rem;
font-weight: 600;
color: #777;
@@ -168,11 +192,15 @@
transform: rotate(180deg);
}
+ body.variety-shows-page .variety-table__show-row {
+ display: table-row;
+ }
+
body.variety-shows-page .variety-table__show-row[hidden] {
display: none;
}
- body.variety-shows-page .variety-table__year-list>tr.variety-table__show-row:nth-child(even) td {
+ body.variety-shows-page .variety-table__show-row:nth-child(even of .variety-table__show-row) td {
background: #fcfcfc;
}
@@ -282,16 +310,24 @@
| 集數 |
-
-
- |
+
+
+
+
+
+
+
+ |
+
+ |
|
+
+ 6 檔
+
+ |
| 02 |
-
- |
+ |
+ |
|
+
+ 4 檔
+
+ |
| 05+導演版 |
-
- |
+ |
+ |
|
+
+ 3 檔
+
+ |
| 05+導演版 |
-
- |
+ |
+ |
|
+
+ 5 檔
+
+ |
| 11 |
-
- |
+ |
+ |
|
+
+ 2 檔
+
+ |
| {
+ tail.addEventListener("click", () => {
+ tail.closest(".variety-table__year-row")
+ ?.querySelector(".variety-table__year-toggle")
+ ?.click();
+ });
+ });
+
function showTab(tab) {
tabBtns.forEach((btn) => {
const on = btn.dataset.tab === tab;
|