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)
This commit is contained in:
Tobias 2021-12-22 14:47:22 +01:00 committed by GitHub
parent 4a3d4ae7a7
commit 72f8fd971d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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;