old-computers.com/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Search box visible on small screens; year column on one line

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YDRjtmAiNpo5mK5N3d7QwZ
This commit is contained in:
yann64
2026-10-13 20:58:36 +02:00
co-authored by Claude Opus 5.5
parent c6c5bd8563
commit 0663e96a46
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/museum.css
+11
View File
@@ -24,6 +24,12 @@ small, .meta, .note, .crumbs { color: var(--muted); }
.navigation-menu a:hover { text-decoration: underline; }
.navigation-menu a.active { background: var(--accent); color: var(--background); padding: 2px 6px; }
.navigation-menu .search input { width: 16ch; padding: 2px 8px; border-color: var(--accent); }
.navigation-menu .search { flex: 0 0 auto; margin-left: 20px; }
@media (max-width: 684px) {
.navigation-menu { margin: 15px 0 0; }
.navigation-menu .search { flex: 1; margin-left: 0; }
.navigation-menu .search input { width: 100%; padding: 6px 10px; }
}
.navigation-menu .search input::placeholder { color: var(--muted); }
.footer p { margin: 4px 0; white-space: normal; }
.footer .copyright { flex-direction: column; }
@@ -57,6 +63,11 @@ table, th, td { border-width: 1px; border-color: var(--line); padding: 6px 10px;
.list :is(th, td):nth-child(2) { width: 10%; }
.list :is(th, td):nth-child(4) { width: 17%; }
@media (max-width: 600px) { .list :is(th, td):nth-child(4) { display: none; } }
@media (max-width: 600px) {
/* the year must stay on one line */
.list :is(th, td):nth-child(2) { width: 7ch; padding-left: 6px; padding-right: 6px; }
.list :is(th, td):first-child { width: 50%; }
}
.list thead th { font-size: 0.8rem; color: var(--accent); }
.sortable th { cursor: pointer; user-select: none; white-space: nowrap; }
.sortable th:hover, .sortable th:focus-visible { text-decoration: underline; }