From 3f0342fcbf5aafc13b3fce58c077d86275e3781d Mon Sep 17 00:00:00 2001
From: Runxi Yu <me@runxiyu.org>
Date: Tue, 11 Feb 2025 20:24:30 +0800
Subject: [PATCH] repo_index.html, style.css: CSS state machines

---
 static/style.css                  | 21 +++++++++++++++++++++
 templates/repo_index.html.tmpl    | 21 ++++++---------------
 templates/repo_raw_dir.html.tmpl  |  5 -----
 templates/repo_tree_dir.html.tmpl |  5 -----
diff --git a/static/style.css b/static/style.css
index 9d90dca3d444da6c741a633a8c955022cfa1a530..af5a9b366e48a34fde41ffbd8e1bbf869fb38398 100644
--- a/static/style.css
+++ b/static/style.css
@@ -91,3 +91,24 @@ }
 pre, .scroll {
 	overflow-x: auto;
 }
+.toggle-table-off, .toggle-table-on {
+	display: none;
+}
+.toggle-table-off + table > thead > tr > th, .toggle-table-on + table > thead > tr > th {
+	padding: 0;
+}
+.toggle-table-off + table > thead > tr > th > label, .toggle-table-on + table > thead > tr > th > label {
+	width: 100%;
+	display: inline-block;
+	padding: 3px 1px;
+	cursor: pointer;
+}
+.toggle-table-off:checked + table > tbody {
+	display: none;
+}
+.toggle-table-on + table > tbody {
+	display: none;
+}
+.toggle-table-on:checked + table > tbody {
+	display: table-row-group;
+}
diff --git a/templates/repo_index.html.tmpl b/templates/repo_index.html.tmpl
index 84ce662b1e6d379ddb3e79af405a25b45791d907..c3b47595077a7e5a33ad4c36c0f2bdcf29b8b5ab 100644
--- a/templates/repo_index.html.tmpl
+++ b/templates/repo_index.html.tmpl
@@ -7,15 +7,11 @@ 		<title>{{ .group_name }}/repos/{{ .repo_name }} &ndash; Lindenii Forge</title>
 	</head>
 	<body class="repo-index">
 		<div class="padding-wrapper scroll">
+			<input id="toggle-table-recent-commits" type="checkbox" class="toggle-table-off" />
 			<table id="recent-commits" class="wide">
 				<thead>
 					<tr class="title-row">
-						<th colspan="3">Recent Commits (<a href="log/{{ .ref }}/">see all</a>)</th>
-					</tr>
-					<tr>
-						<th scope="col">Title</th>
-						<th scope="col">Author</th>
-						<th scope="col">Time</th>
+						<th colspan="3"><label for="toggle-table-recent-commits">Recent Commits (<a href="log/{{ .ref }}/">see all</a>)</label></th>
 					</tr>
 				</thead>
 				<tbody>
@@ -34,15 +30,11 @@ 				</tbody>
 			</table>
 		</div>
 		<div class="padding-wrapper scroll">
+			<input id="toggle-table-file-tree" type="checkbox" class="toggle-table-off" />
 			<table id="file-tree" class="wide">
 				<thead>
 					<tr class="title-row">
-						<th colspan="3">/ on {{ .ref }}</th>
-					</tr>
-					<tr>
-						<th scope="col">Mode</th>
-						<th scope="col">Name</th>
-						<th scope="col">Size</th>
+						<th colspan="3"><label for="toggle-table-file-tree">/ on {{ .ref }}</label></th>
 					</tr>
 				</thead>
 				<tbody>
@@ -63,12 +55,11 @@ 			</div>
 		</div>
 		<div class="padding-wrapper">
 			{{ if .readme }}
+				<input id="toggle-table-readme" type="checkbox" class="toggle-table-off" />
 				<table class="wide">
 					<thead>
 						<tr class="title-row">
-							<th>
-								README.md
-							</th>
+							<th><label for="toggle-table-readme">README</label></th>
 						</tr>
 					</thead>
 					<tbody>
diff --git a/templates/repo_raw_dir.html.tmpl b/templates/repo_raw_dir.html.tmpl
index 3dcb8a6b3be31c7986d2ac5dc87d9a7e9a2f3c75..f55d8c86e65369be5b1ec79803c4c5ae76dd1e10 100644
--- a/templates/repo_raw_dir.html.tmpl
+++ b/templates/repo_raw_dir.html.tmpl
@@ -14,11 +14,6 @@ 						<th colspan="3">
 							(Raw) /{{ .path_spec }}{{ if ne .path_spec "" }}/{{ end }} on {{ .ref }}
 						</th>
 					</tr>
-					<tr>
-						<th scope="col">Mode</th>
-						<th scope="col">Name</th>
-						<th scope="col">Size</th>
-					</tr>
 				</thead>
 				<tbody>
 					{{- $path_spec := .path_spec }}
diff --git a/templates/repo_tree_dir.html.tmpl b/templates/repo_tree_dir.html.tmpl
index 7db2035f939cbc199cf3a7441725c3023f59f5fd..aa457c4312a6f5bfb2fd12eff9f5c4dd46098f22 100644
--- a/templates/repo_tree_dir.html.tmpl
+++ b/templates/repo_tree_dir.html.tmpl
@@ -14,11 +14,6 @@ 						<th colspan="3">
 							/{{ .path_spec }}{{ if ne .path_spec "" }}/{{ end }} on {{ .ref }}
 						</th>
 					</tr>
-					<tr>
-						<th scope="col">Mode</th>
-						<th scope="col">Name</th>
-						<th scope="col">Size</th>
-					</tr>
 				</thead>
 				<tbody>
 					{{- $path_spec := .path_spec }}

-- 
2.48.1


- README.md -	README
(Raw) /{{ .path_spec }}{{ if ne .path_spec "" }}/{{ end }} on {{ .ref }}
Mode	Name	Size
/{{ .path_spec }}{{ if ne .path_spec "" }}/{{ end }} on {{ .ref }}
Mode	Name	Size