Skip to content
This repository was archived by the owner on May 26, 2023. It is now read-only.

Refactor data-viewer to rely on css not js, improve UX #142

Merged
merged 2 commits into from
Sep 24, 2020
Merged

Refactor data-viewer to rely on css not js, improve UX #142

merged 2 commits into from
Sep 24, 2020

Conversation

feedmeapples
Copy link
Contributor

@feedmeapples feedmeapples commented Sep 24, 2020

What
Data-Viewer component now processes ellipsis using CSS instead of JS
Add ability to set the number of lines you want to view in preview of data-viewer (ie. when not expanded)
Change "Expand" arrow to appear on hovering over the element
Set max width to 60% of the screen

Why
Allows to properly truncate text when changing the window width
Improves performance on large amount of data
Better "Expand" arrow UX

image

Copy link

@rylandg rylandg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great.

@feedmeapples feedmeapples merged commit bc4ba01 into temporalio:master Sep 24, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants