From 72f8fd971dfae775e2416ee7b74cb04e0e52700a Mon Sep 17 00:00:00 2001
From: Tobias <t@tobiasjordans.de>
Date: Wed, 22 Dec 2021 14:47:22 +0100
Subject: [PATCH] CSS: Fix cut of text in table of popup content

Whenever the key or value is too long, the table was pushed being wider than the given container. And the overflow rules cut off the content of the table.

Fixes
- Remove overflow rules (reset to defaults, which is `auto`), which makes a scroll bar show up if content is too wide
- Let long text break in lines instead of pushing the table (which in turn prevents the scroll bar from showing up)
---
 umap/static/umap/map.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/umap/static/umap/map.css b/umap/static/umap/map.css
index 45e1cd2a..4e71d6da 100644
--- a/umap/static/umap/map.css
+++ b/umap/static/umap/map.css
@@ -1283,8 +1283,6 @@ a.add-datalayer:hover,
 .umap-popup-content {
     max-height: 500px;
     flex-grow: 1;
-    overflow-y: auto;
-    overflow-x: hidden;
     margin-bottom: 4px;
     display: flex;
     flex-direction: column;
@@ -1292,6 +1290,10 @@ a.add-datalayer:hover,
 .umap-popup-content iframe {
     min-width: 310px;
 }
+.umap-popup-content th,
+.umap-popup-content td {
+    word-break: break-word;
+}
 .umap-popup-container {
     flex-grow: 1;
     padding: 0 10px;