keplergl / keplergl/kepler.gl

In tooltips: Label for links or cut them - otherwise currently long links degrade UX

Open
#1,140 0 comments 0 reactions 1 assignee Claimed by @heshan0131 View on GitHub
jupyter
Dominant language
TypeScript
Stars
12k
Forks
2k
Avg merge
1d 5h
Merged PRs (30d)
66

Description

**Is your feature request related to a problem? Please describe.**
Links are rendered in tooltips "as they are", i.e. like `http://whateverdomain.what/this/is/just/a/fake/url/made/up/to/have/a/quite/long/url`, and that degrades the UX because e.g. all or some of the values in the tooltips become invisible or partially visible, and a horizontal scrolling is needed to read them, making it harder to see their corresponding labels. Example:

![keplergl_link_tooltip](https://user-images.githubusercontent.com/61188842/83974697-80379d80-a8ef-11ea-98e6-70d8f4cabbd3.jpg)

**Describe the solution you'd like**
Whatever solves the problem is fine. Here are some examples:
- Allow a "label" for the links, i.e. a column in the data. e.g. with some rule in the name, could assign a text that the link should show, then clicking it would point to the url (from the other column).
- Or, support a way to specify label and url in the same column, e.g. the markdown way:
```
[short text](http://whateverdomain.what/this/is/just/a/fake/url/made/up/to/have/a/quite/long/url)
```
- Or, shorten the render of the link in the tooltip, with some dots to suggest that it is actually longer, and possibly give a way to specify the number of characters to be considered for the "cut":
`http://whateverdom...`

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.