From 7951a55888cf6c962e3637f5b105fef2a20f68d4 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. Signed-off-by: Martin Renvoize --- .../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 2fc5b84410..0c83d72b48 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 0c25ba3546..3cb052b93d 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

-