influxdata / influxdata/ui

Configurable width data explorer cards (measurement/tag/field filters)

Open
#4,322 2 comments 0 reactions 0 assignees View on GitHub
enhancement team/automation team/ui work in progress
Dominant language
TypeScript
Stars
117
Forks
51
Avg merge
2d 15h
Merged PRs (30d)
4

Description

Thank you for suggesting an idea to improve InfluxData UI.

- Please ask usage questions on the Influx Community site.
- https://community.influxdata.com/
- Please add a :+1: or comment on a similar existing feature request instead of opening a new one.
- https://github.com/influxdata/ui/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+is%3Aclosed+sort%3Aupdated-desc+label%3A%22kind%2Ffeature+request%22+

**Proposal:**
The builder cards in data explorer should support being dragged from a vertical border to modify width. This will allow long measurements, tag names/values, and field names/values to be fully visible should the user so choose.

**Current behavior:**
Currently, long measurements, tag names/values, and field names/values result in text cutoff & the appending of ellipses.

**Desired behavior:**
The default width should probably remain the same, but the right-hand side of the card should indicate, upon mouse hover, that the div can be made wider/narrower, and click+dragging should widen/narrow the card.

**Alternatives considered:**
An alternative would be to choose a default width dynamically based upon the longest item in the list. However, I don't love this option, as (1) it requires us to handle cases where the required width would exceed the viewport, and (2) risks assigning awkwardly large widths due to a single long item in a list that may be full of otherwise quite short items.

**Use case:**
Attempting to use the data explorer to, well, explore one's data, can be a bit awkward if one's measurements/fields/tags are quite long.

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.