git » homepage.git » commit 55bfb26

Improve TechWorks mobile layout

author Alan Dipert
2026-08-09 21:32:30 UTC
committer Alan Dipert
2026-08-09 21:32:30 UTC
parent b509d4a62d4407b0b66dbb4253d6b05f32605ba0

Improve TechWorks mobile layout

tpl/style.css +53 -0

diff --git a/tpl/style.css b/tpl/style.css
index 5cc1d53..8912ab8 100644
--- a/tpl/style.css
+++ b/tpl/style.css
@@ -546,6 +546,59 @@ img[src*="200px"]{width:200px;}
   }
   .content table:not(.definition-table){overflow-x:auto;}
 
+  .page-techworks .content table,
+  .page-techworks .content table tbody,
+  .page-techworks .content table tr{
+    display:block;
+    width:100%;
+  }
+  .page-techworks .content table{
+    overflow:visible;
+    border:0;
+    background:transparent;
+    box-shadow:none;
+  }
+  .page-techworks .content table thead{
+    position:absolute;
+    width:1px;
+    height:1px;
+    padding:0;
+    overflow:hidden;
+    clip:rect(0,0,0,0);
+    white-space:nowrap;
+    border:0;
+  }
+  .page-techworks .content table tr{
+    display:grid;
+    grid-template-columns:auto minmax(0,1fr);
+    gap:.2rem .8rem;
+    margin-bottom:.5rem;
+    padding:.65rem .75rem;
+    border:1px solid var(--line);
+    border-radius:10px;
+    background:linear-gradient(145deg,#fffefa,#f7f4ed);
+  }
+  .page-techworks .content table td{
+    display:block;
+    width:auto;
+    padding:0;
+    border:0;
+    white-space:normal;
+  }
+  .page-techworks .content table td:nth-child(3){
+    grid-column:1/-1;
+    grid-row:1;
+    font-weight:650;
+  }
+  .page-techworks .content table td:nth-child(1),
+  .page-techworks .content table td:nth-child(2){
+    grid-row:2;
+    color:var(--muted);
+    font-size:.82rem;
+  }
+  .page-techworks .content table th:nth-child(n+4),
+  .page-techworks .content table td:nth-child(n+4){display:none;}
+
   .page-techworksarchive .content table,
   .page-techworksarchive .content table tbody,
   .page-techworksarchive .content table tr{