From 3169dd1125c855e7144b317b35ffd01f3864ea7f Mon Sep 17 00:00:00 2001
From: Mike Rylander <mrylander@gmail.com>
Date: Fri, 29 May 2020 12:14:55 -0400
Subject: [PATCH] LP#1879983: tweak public catalog CSS

In particular, add CSS to support table-ish display of
a div-grid for form-per-row. For example:

 <div class="egtable">
     <form class="egtr" method="post" action="blah.html">
         <span class="egtd"><input type="text"/></span>
         <span class="egtd"><input type="text"/></span>
     </form>
     <div class="egtr">
         <span class="egtd">(cell data)</span>
         <span class="egtd">(cell data)</span>
     </div>
     ...
 </div>

Sponsored-by: PaILS

Signed-off-by: Mike Rylander <mrylander@gmail.com>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
Signed-off-by: Michele Morgan <mmorgan@noblenet.org>
---
 Open-ILS/src/templates/opac/css/style.css.tt2 | 28 ++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index 3cb686af77..3a01b6f829 100644
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -3464,4 +3464,30 @@ label[for*=expert_]
 }
 .course_details_div {
     padding-bottom: 1em;
-}
\ No newline at end of file
+}
+
+/*
+  Fake tables for form-rows
+*/
+
+div.egtable { display:table; }
+form.egtr, div.egtr { display:table-row; }
+span.egth { display:table-cell; font-weight: bold; }
+span.egtd { display:table-cell; }
+
+/* Example:
+
+<div class="egtable">
+    <form class="egtr" method="post" action="blah.html">
+        <span class="egtd"><input type="text"/></span>
+        <span class="egtd"><input type="text"/></span>
+    </form>
+    <div class="egtr">
+        <span class="egtd">(cell data)</span>
+        <span class="egtd">(cell data)</span>
+    </div>
+    ...
+</div>
+
+*/
+
-- 
2.43.2