pub / stagit-scripts

commit bac54e69f6cbaeb76e90880946964fe82d8d7d53
parent 34fab2ce5e996734110f7f085f4b7ef187730166
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date:   Sat,  8 Jun 2024 21:53:25 +0200

feat: re-format files table

Diffstat:
M
assets/style.css
 | 
57
++++++++++++++++++++++++++++++---------------------------

1 file changed, 30 insertions(+), 27 deletions(-)
diff --git a/assets/style.css b/assets/style.css
@@ -90,18 +90,12 @@ pre a.h {
     text-decoration: none;
 }
 
-/*table thead td {
-    font-weight: bold;
-}*/
-
 table td {
     padding: 0 0.4em;
 }
 
 #content table td, #content table th {
     vertical-align: top;
-    /*white-space: nowrap !important;*/
-    /* Makes navigation easier on mobile */
     padding-bottom: 0.25em !important;
     padding-top: 0.25em !important;
 }
@@ -214,7 +208,8 @@ span[id*="-12"].activitypoint:after {
 /* Ensure Tables are full width */
 table#index,
 table#log,
-table#branches
+table#branches,
+table#files
 {
     width:100%
 }
@@ -222,7 +217,8 @@ table#branches
 /* Hide Table headlines */
 #index > thead > tr > td,
 #log > thead > tr > td,
-#branches > thead > tr > td
+#branches > thead > tr > td,
+#files > thead > tr > td
 {
     display: none;
 }
@@ -230,41 +226,42 @@ table#branches
 /* Make table rows vartical with full width */
 #index > tbody > tr > td,
 #log > tbody > tr > td,
-#branches > tbody > tr > td
+#branches > tbody > tr > td,
+#files > tbody > tr > td
 {
     display:inline-block;
     padding: 0;
     width: 100%;
-    background: var(--bg1);
+    text-align: left;
 }
 
 /* Ensure table rows are full with with normal background */
 #index > tbody > tr,
 #log > tbody > tr,
 #branches > tbody > tr
+#files > tbody > tr
 {
     width: 100%;
     background: var(--bg1);
 }
 #index > tbody > tr:hover,
 #log > tbody > tr:hover,
-#branches > tbody > tr:hover
+#branches > tbody > tr:hover,
+#files > tbody > tr:hover
 {
     background: var(--bg2);
 }
 
-/* Ensure all table entries are left-aligned */
-#index > tbody > tr > td,
-#log > tbody > tr > td
-#branches > tbody > tr > td
-{
-    text-align: left;
+/* Hide first entry (file-mode) in files view */
+#files > tbody > tr > td:nth-child(1) {
+    display: none;
 }
 
 /* Mark first entrie of each table row as headline */
 #index > tbody > tr > td:nth-child(1),
 #log > tbody > tr > td:nth-child(1),
-#branches > tbody > tr > td:nth-child(1)
+#branches > tbody > tr > td:nth-child(1),
+#files > tbody > tr > td:nth-child(2)
 {
     border-top: 1px solid var(--bg2);
     font-weight: bold;
@@ -275,7 +272,8 @@ table#branches
 #index > tbody > tr > td:nth-child(3),
 #index > tbody > tr > td:nth-child(4),
 #log > tbody > tr > td:nth-child(3),
-#branches > tbody > tr > td:nth-child(3)
+#branches > tbody > tr > td:nth-child(3),
+#files > tbody > tr > td:nth-child(3)
  {
     font-size: 0.8em;
 }
@@ -296,14 +294,6 @@ table#branches
     content: "Last Commit: ";
 }
 
-/* File change indicators should be in a single row */
-#log > tbody > tr > td:nth-child(4),
-#log > tbody > tr > td:nth-child(5),
-#log > tbody > tr > td:nth-child(6) {
-    width: auto;
-    margin-right: 1em;
-}
-
 /* Add descriptors to file change indicators */
 #log > tbody > tr > td:nth-child(4):before {
     content: "Modified: ";
@@ -314,3 +304,16 @@ table#branches
 #log > tbody > tr > td:nth-child(6):before {
     content: "Removed: ";
 }
+
+/* Add descriptor for file size indicator */
+#files > tbody > tr > td:nth-child(3):before {
+    content: "Size: ";
+}
+
+/* File change indicators should be in a single row */
+#log > tbody > tr > td:nth-child(4),
+#log > tbody > tr > td:nth-child(5),
+#log > tbody > tr > td:nth-child(6) {
+    width: auto;
+    margin-right: 1em;
+}