influxdata / influxdata/ui

Design update: script title and action buttons

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

Description

In order to save vertical space and make more room for the Monaco editor and results, I'd like for us to move the save, open, and new script buttons to be next to the title and decrease the size of the script title.

ACs:

- Decrease the size of the script title to Step 2 Bold (20.16px)
- Remove the button titles to only show the icons
- Reorder the buttons to show Save, Open, and then New
- Place the buttons next to the script title
- Create a title width max of 25% (or the same as the default panel width)
- Truncate the title with a "..." when the title is longer than the allotted title width

Design:
https://www.figma.com/file/0qAntPk5LVangAHguWT74X/Query-Experience-Project?node-id=2164%3A97303

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.