Bug 21317: Format long lists under Koha Team tab as columns

This patch adds a couple of new CSS classes for formatting content in
columns: .columns-3 and .columns-4. The four-column class is applied to
the dev team and contributing companies lists on the about page.

The patch also modifies the style of H3 on this page to improve
readability.

Unrelated: "Nelsonville Public Library" corrected to "Athens County
Public Libraries."

To test, apply the patch and regenerate staff client CSS
(https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client).

View the various tabs on the about page and confirm that everything
looks good. Confirm that the dev team and contributing companies lists
are formatted as columns.

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
index af6bc01..1074910 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -4101,6 +4101,22 @@ span {
     }
 }
 
+.about h2 {
+    border-bottom: 1px solid #B9D8D9;
+    padding: .5em .2em;
+    margin:  .5em 0;
+}
+
+.columns-3 {
+    columns: 3 auto;
+    column-gap: 2.5em;
+}
+
+.columns-4 {
+    columns: 4 auto;
+    column-gap: 2em;
+}
+
 // ==== MODULE LINKS - End ====
 
 #catalog-search-link {

diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt
index 49d5210..fbb7182 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt
@@ -447,7 +447,7 @@
             </ul>
 
             <h2>Koha development team</h2>
-            <ul>
+            <ul class="columns-4">
                 <li>Jacek Ablewicz</li>
                 <li>Md. Aftabuddin</li>
                 <li>Jon Aker</li>
@@ -808,8 +808,8 @@
                 <li>Jen Zajac</li>
                 <li>Kenza Zaki</li>
             </ul>
-            <h3>Contributing companies and institutions</h3>
-            <ul>
+            <h2>Contributing companies and institutions</h2>
+            <ul class="columns-4">
                 <li>BibLibre, France</li>
                 <li>Bibliotheksservice-Zentrum Baden-Württemberg (BSZ), Germany</li>
                 <li>ByWater Solutions, USA</li>
@@ -822,7 +822,7 @@
                 <li>KohaAloha, New Zealand</li>
                 <li>LibLime, USA</li>
                 <li>Libriotech, Norway</li>
-                <li>Nelsonville Public Library, Ohio, USA</li>
+                <li>Athens County Public Libraries, Ohio, USA</li>
                 <li>Prosentient Systems, Australia</li>
                 <li>PTFS, Maryland, USA</li>
                 <li>PTFS Europe Ltd, United Kingdom</li>