tacigar

Results 12 issues of tacigar

`SpanDetail` component displays the details of a particular span. This component has been more complicated than it needed to be. So this PR did the followings * Make `SpanDetail` component...

ui

# Summary * Use TypeScript for TraceTimeline components * Simplify tree-generation algorithm. * Use normal HTML tags instead of using SVG for trace tree graph. * Resolve some known issues....

ui

Use TypeScript for TracePageHeader component and change the design. # Screenshots ### Before ![スクリーンショット 2021-04-02 19 37 01](https://user-images.githubusercontent.com/19551419/113409032-6a014d80-93eb-11eb-985b-66f96470aac1.png) ### After ![スクリーンショット 2021-04-02 19 35 15](https://user-images.githubusercontent.com/19551419/113409123-94eba180-93eb-11eb-9755-665f5595769a.png) ![スクリーンショット 2021-04-02 19 35 45](https://user-images.githubusercontent.com/19551419/113409061-771e3c80-93eb-11eb-8e85-39ce2e73cb62.png)

ui

This is a chart showing the distribution of the duration, span count and start time of the trace search results. It also indicates by color whether the trace contains error...

feedback-needed
ui
rule-of-three

in #3180, we had a discussion about how to display span counts. At that time I created a chart with the following design, but we found some problems for usability....

enhancement
feedback-needed
ui

Hi @davidfig Thank you for awesome work! I added a simple `arc` method. (Sorry if you don't accept PRs)

Currently, svg is used for the trace graph. This was implemented for rendering speed. However, normal css cannot be used with svg, e.g. `text-overflow`. This creates some rendering issues like...

enhancement
ui

**Feature:** Currently, when service names are too long, service name components of the trace tree is displayed as follows: This is very confusing, so we should show ellipsis as below:...

ui