refs #23787 [finc] removes column breaks in lists on home page

* lists of the same content type must not be split using html, so the can be read in one go

themes/finc/scss/_customVariables.scss

@@ -1356,7 +1356,8 @@ $home-page-browse-suggest-2-columns-only-last-child-float: left !default;
 $home-page-browse-item-active-focus-hover-background-color: $brand-primary !default;
 $home-page-browse-item-active-focus-hover-text-decoration: underline !default;
 
-
+// Sets the number of columns in which the facets on home page should be displayed
+$home-facet-list-column-count: 3 !default;
 
 
 

themes/finc/scss/components/_home-page.scss

@@ -43,3 +43,17 @@
   }
 }
 
+
+// *****************************************************************
+// ************ Browsing section lists *****************************
+// *****************************************************************
+// Sets the number of columns in which the facets on home page should be displayed
+.home-facet-container {
+  display: table;
+  width: 100%;
+}
+
+.home-facet-container ul {
+  column-count: $home-facet-list-column-count;
+}
+

themes/finc/templates/ContentBlock/FacetList.phtml

@@ -53,6 +53,8 @@ JS;
         <div class="home-facet <?=$this->escapeHtmlAttr($field) ?>">
           <h2><?=$this->transEsc('home_browse') . ' ' . $this->transEsc($details['label'])?></h2>
           <div class="home-facet-container">
+            <?php /* finc removes column break below and replaces it with CSS:
+                     Lists of the same type must not be split! */ ?>
             <ul class="home-facet-list">
 							<?php
                 // finc: use $currentListLength for calculation of $maxListLength #15579
@@ -80,7 +82,11 @@ JS;
                   <li><a href="<?=$moreUrl?>"><strong><?=$this->transEsc("More options")?>...</strong></a></li>
                   <?php break; ?>
                 <?php elseif ($i % $columnSize === 0): // end of column? insert break! ?>
-                  </ul><ul class="home-facet-list">
+                <?php /* finc removes column break and replaces it with CSS:
+                         Lists of the same type must not be split! */ /*
+                </ul>
+                <ul class="home-facet-list">
+                */ ?>
                 <?php endif; ?>
               <?php endforeach; ?>
             </ul>