2.64.4 CLE details now shown in a table - thanks Joachim for the tidy…

… up idea
classaxe · Apr 27, 2024 · 8ceee6f · 8ceee6f
1 parent e2e465f
commit 8ceee6f
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 19 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -1,8 +1,8 @@
 /*
  * Project:    RXX - NDB Logging Database
  * Homepage:   https://rxx.classaxe.com
- * Version:    2.64.0
- * Date:       2024-03-10
+ * Version:    2.64.4
+ * Date:       2024-04-26
  * Licence:    LGPL
  * Copyright:  2024 Martin Francis
  */
@@ -769,40 +769,50 @@ table.seeklist tbody td div.sl_d.inactive {
 .listeners_container tr.l2_alt td table tbody {
   border: none;
 }
-table.responsive {
+table.responsive,
+table.simple {
   padding: 0;
   margin: 0.5em 0 1em 0;
   border-radius: 5px;
 }
-table.responsive tbody {
+table.responsive tbody,
+table.simple tbody {
   border: 1px solid #888;
 }
-table.responsive tbody tr th {
+table.responsive tbody tr th,
+table.simple tbody tr th {
   vertical-align: top;
-  padding: 0 0.25em;
   line-height: 1.5em;
-  width: 12em;
   text-align: right;
   border-right: 1px solid #888;
 }
-table.responsive tbody tr th b {
+table.responsive tbody tr th b,
+table.simple tbody tr th b {
   background: #ffffa0;
   color: #0000ff;
   border: 1px solid #b0b000;
   border-radius: 2px;
 }
-table.responsive tbody tr td {
+table.responsive tbody tr td,
+table.simple tbody tr td {
   vertical-align: top;
-  padding: 0 0 0 0.25em;
   line-height: 1.5em;
   text-align: left !important;
 }
-table.responsive tbody tr td b {
+table.responsive tbody tr td b,
+table.simple tbody tr td b {
   background: #ffffa0;
   color: #0000ff;
   border: 1px solid #b0b000;
   border-radius: 2px;
 }
+table.responsive tbody tr th {
+  width: 12em;
+  padding: 0 0.25em;
+}
+table.responsive tbody tr td {
+  padding: 0 0 0 0.25em;
+}
 #sysinfo {
   text-align: center;
 }

diff --git a/public/css/style.min.css b/public/css/style.min.css
diff --git a/src/css/include/responsive.less b/src/css/include/responsive.less
@@ -31,7 +31,8 @@
     }
 }
 
-table.responsive {
+table.responsive,
+table.simple {
     padding: 0;
     margin: 0.5em 0 1em 0;
     border-radius: 5px;
@@ -40,9 +41,7 @@ table.responsive {
         tr {
             th {
                 vertical-align: top;
-                padding: 0 0.25em;
                 line-height: 1.5em;
-                width: 12em;
                 text-align: right;
                 border-right: 1px solid #888;
                 b {
@@ -54,7 +53,6 @@ table.responsive {
             }
             td {
                 vertical-align: top;
-                padding: 0 0 0 0.25em;
                 line-height: 1.5em;
                 text-align: left !important;
                 b {
@@ -66,4 +64,18 @@ table.responsive {
             }
         }
     }
+}
+
+table.responsive {
+    tbody {
+        tr {
+            th {
+                width: 12em;
+                padding: 0 0.25em;
+            }
+            td {
+                padding: 0 0 0 0.25em;
+            }
+        }
+    }
 }
diff --git a/templates/cle/cle.html.twig b/templates/cle/cle.html.twig
@@ -17,9 +17,22 @@
             }) | raw }}</p>
     <hr>
     <h2>{{ mode }}</h2>
-    <p><strong>{% trans %}Dates:{% endtrans %}</strong> {{ cle.dateTimespan|raw }}<br />
-    <strong>{% trans %}Scope:{% endtrans %}</strong> {{ cle.scope|raw }}<br />
-    {% if (cle.additional) %}<strong>{% trans %}Details:{% endtrans %}</strong> {{ cle.additional|unescape|raw|replace({'<p>' : '', '</p>' : ''})|raw }}{% endif %}
+    <table style="width: 80%" class="simple">
+        <tr>
+            <th>{% trans %}Dates:{% endtrans %}</th>
+            <td>{{ cle.dateTimespan|raw }}</td>
+        </tr>
+        <tr>
+            <th>{% trans %}Scope:{% endtrans %}</th>
+            <td>{{ cle.scope|raw }}</td>
+        </tr>
+        {% if (cle.additional) %}
+        <tr>
+            <th>{% trans %}Details:{% endtrans %}</th>
+            <td>{{ cle.additional|unescape|raw|replace({'<p>' : '', '</p>' : ''})|raw }}</td>
+        </tr>
+        {% endif %}
+    </table>
 
     <h2>{% trans %}Links for Each Region{% endtrans %}</h2>
     <div class="row cle_links">