jeff/umap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSS: Fix cut of text in table of popup content

Browse source 
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
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
umap/static/umap/map.css
View file

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