From 385e689410ebf67ccf2d8e277f3ca45b0218b1b5 Mon Sep 17 00:00:00 2001
From: Daniel <d.hornung@indiscale.com>
Date: Mon, 22 Apr 2024 15:54:58 +0200
Subject: [PATCH] FIX: better rendering of wide tables.

---
 src/core/css/linkahead.css | 1 +
 src/core/css/webcaosdb.css | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/src/core/css/linkahead.css b/src/core/css/linkahead.css
index b211ba33..ab9f5ecb 100644
--- a/src/core/css/linkahead.css
+++ b/src/core/css/linkahead.css
@@ -188,6 +188,7 @@ body[data-hidden-properties="true"] .caosdb-v-property-row:nth-child(odd) {
     padding-top: 2rem;
     color: #6c757d;
 }
+
 /* Bootstrap's default is too prominent for our uses. */
 code {
     background: none;
diff --git a/src/core/css/webcaosdb.css b/src/core/css/webcaosdb.css
index 43376b65..bf8f2666 100644
--- a/src/core/css/webcaosdb.css
+++ b/src/core/css/webcaosdb.css
@@ -249,6 +249,7 @@ h5 {
 .caosdb-v-property-left-col {
     min-height: 30px;
     display: inline-block;
+    overflow-x: scroll;
 }
 
 .caosdb-v-property-left-col > * {
@@ -870,6 +871,10 @@ details p {
   display: block;
 }
 
+.caosdb-select-table > .card-body {
+    overflow-x: scroll;
+}
+
 .caosdb-f-property-value .caosdb-value-list details summary::after {
   content: "...";
 }
-- 
GitLab