From e06c0d3254a875a05a568846c05cb9a564efe96a Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Wed, 5 Sep 2018 14:13:25 +0000 Subject: [PATCH] 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. --- koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss | 16 ++++++++++++++++ koha-tmpl/intranet-tmpl/prog/en/modules/about.tt | 8 ++++---- 2 files changed, 20 insertions(+), 4 deletions(-) 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 2fc5b84..0c83d72 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -4093,6 +4093,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 ==== @media (min-width: 200px) { diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt index 0c25ba3..3cb052b 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt +++ b/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt @@ -447,7 +447,7 @@

Koha development team

-