Combined: Fix column widths in grid layout

vufind-org · Nov 14, 2023 · a26b5c5 · a26b5c5
1 parent 18b4cee
commit a26b5c5
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 5 deletions.
diff --git a/themes/bootprint3/css/compiled.css b/themes/bootprint3/css/compiled.css
diff --git a/themes/bootstrap3/css/compiled.css b/themes/bootstrap3/css/compiled.css
diff --git a/themes/bootstrap3/less/components/search.less b/themes/bootstrap3/less/components/search.less
@@ -438,6 +438,10 @@ body.rtl {
 .combined-search-container.grid {
   margin-left: 1rem;
   margin-right: 1rem;
+
+  .combined-list {
+    overflow-x: auto;
+  }
 }
 
 .combined-jump-links {

diff --git a/themes/bootstrap3/scss/components/search.scss b/themes/bootstrap3/scss/components/search.scss
@@ -438,6 +438,10 @@ body.rtl {
 .combined-search-container.grid {
   margin-left: 1rem;
   margin-right: 1rem;
+
+  .combined-list {
+    overflow-x: auto;
+  }
 }
 
 .combined-jump-links {

diff --git a/themes/bootstrap3/templates/combined/stack-grid.phtml b/themes/bootstrap3/templates/combined/stack-grid.phtml
@@ -1,5 +1,5 @@
 <div class="combined-search-container grid"
-  style="grid-template-columns: repeat(<?=$this->escapeHtmlAttr($columns)?>, 1fr)"
+  style="grid-template-columns: repeat(<?=$this->escapeHtmlAttr($columns)?>, minmax(0, 1fr))"
 >
   <?php $columnIndex = 0; ?>
   <?php foreach ($this->combinedResults as $searchClassId => $currentSearch): ?>

diff --git a/themes/local_theme_example/css/compiled.css b/themes/local_theme_example/css/compiled.css
diff --git a/themes/sandal/css/compiled.css b/themes/sandal/css/compiled.css