CSS3 columns have good browser coverage these days. I propose we format the dev tem and contributing companies lists as columns reduce scrolling on this page.
Created attachment 78438 [details] [review] 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.
Created attachment 78447 [details] [review] 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>
Looks much better, signing off.
columns-3 added to scss but do not used, is it expected?
(In reply to Jonathan Druart from comment #4) > columns-3 added to scss but do not used, is it expected? I added it because it thought it would be useful for possible future use.
Content of li can be split: start at the bottom of one column and finish at the top of the next column. Passing QA anyway.
Created attachment 79016 [details] [review] 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>
Awesome work all! Pushed to master for 18.11
Enhancement, will not be backported to 18.05.x series.