From f6cce42a92c60f01618d84e418a1c2dc4519160d Mon Sep 17 00:00:00 2001
From: Thorge Petersen <petersen@rz.uni-kiel.de>
Date: Wed, 24 May 2023 12:59:29 +0200
Subject: [PATCH] No table display on mobile screens (fixes exceeding title
length in resources list)
---
ckanext/odsh/fanstatic/odsh.css | 26 +++++++++++++++-----------
1 file changed, 15 insertions(+), 11 deletions(-)
diff --git a/ckanext/odsh/fanstatic/odsh.css b/ckanext/odsh/fanstatic/odsh.css
index bab0771b..28a41e18 100644
--- a/ckanext/odsh/fanstatic/odsh.css
+++ b/ckanext/odsh/fanstatic/odsh.css
@@ -746,19 +746,21 @@ label.rangesearch.disabled {
/* following makes the secondary span (left side, facets etc.) the same height as the primary span */
/* see: https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height */
-.is-table-row {
- display: table;
-}
+@media (min-width: 768px) {
+ .is-table-row {
+ display: table;
+ }
-.is-table-row [class*="span"] {
- float: none;
- display: table-cell;
- vertical-align: top;
-}
+ .is-table-row [class*="span"] {
+ float: none;
+ display: table-cell;
+ vertical-align: top;
+ }
-.is-table-row .row-fluid [class*="span"] {
- float: none;
- display: block;
+ .is-table-row .row-fluid [class*="span"] {
+ float: none;
+ display: block;
+ }
}
.pill {
@@ -1652,6 +1654,7 @@ body {
.resource-title {
float: left;
margin-left: 5px;
+ margin-bottom: 10px;
text-overflow: ellipsis;
overflow: hidden;
/* width: 395px; */
@@ -1687,6 +1690,7 @@ body {
.resource-title-container {
display: flex;
justify-content: space-between;
+ flex-wrap: wrap;
width: 100%;
}
--
GitLab