Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rearrange nav controls #676

Merged
merged 2 commits into from
Jan 14, 2021
Merged

Rearrange nav controls #676

merged 2 commits into from
Jan 14, 2021

Conversation

yoave23
Copy link
Contributor

@yoave23 yoave23 commented Jan 12, 2021

Which problem is this PR solving?

Short description of the changes

  • move the search by id input to the right and differentiate the jaeger-ui link display from the navigation tabs

image

Signed-off-by: yoave23 <Yoav.eyal@logz.io>
@codecov
Copy link

codecov bot commented Jan 12, 2021

Codecov Report

Merging #676 (5e6ebb7) into master (551db4c) will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #676   +/-   ##
=======================================
  Coverage   94.23%   94.23%           
=======================================
  Files         228      228           
  Lines        5930     5930           
  Branches     1448     1492   +44     
=======================================
  Hits         5588     5588           
+ Misses        308      304    -4     
- Partials       34       38    +4     
Impacted Files Coverage Δ
packages/jaeger-ui/src/components/App/TopNav.tsx 92.59% <ø> (ø)
...aeger-ui/src/components/App/TraceIDSearchInput.tsx 100.00% <ø> (ø)
...kages/jaeger-ui/src/model/transform-trace-data.tsx 90.58% <0.00%> (ø)
.../jaeger-ui/src/components/common/BreakableText.tsx 83.33% <0.00%> (ø)
...ents/TracePage/TraceTimelineViewer/TimelineRow.tsx 77.77% <0.00%> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 551db4c...5e6ebb7. Read the comment docs.

@@ -29,6 +29,8 @@ import { ConfigMenuItem, ConfigMenuGroup } from '../../types/config';
import { getConfigValue } from '../../utils/config/get-config';
import prefixUrl from '../../utils/prefix-url';

import JaegerHomeLink from '../../img/jaeger-home-link.svg';
Copy link
Member

Choose a reason for hiding this comment

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

what is this for & why didn't we need it before?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The upper left link looked like another tab, but the behavior is not the same as in tabs - there is no selected state nor content. We changed it to an image to make it clearer that it’s the ‘home’ link and that it differs from the controls next to it.
image

Copy link
Member

Choose a reason for hiding this comment

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

Sounds good, but it seems we could've done it simply with a text label instead of an image?

If we go with an svg image, perhaps we could include the logo as well.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

your choice :)
this is how it looks with the logo (personally i don't like it that much):
image
on the other hand, we can go with a simple text label and a different font, just to distinguish it from the other controls

Copy link
Member

Choose a reason for hiding this comment

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

Let's do a text label / different font.

autosize={null}
name="idInput"
placeholder="Lookup by Trace ID..."
prefix={<Icon type="search" />}
Copy link
Member

Choose a reason for hiding this comment

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

nice touch!

Signed-off-by: yoave23 <Yoav.eyal@logz.io>
@yoave23
Copy link
Contributor Author

yoave23 commented Jan 14, 2021

kept the same font but changed the size and weight
image

Copy link
Member

@yurishkuro yurishkuro left a comment

Choose a reason for hiding this comment

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

thanks!

@yurishkuro yurishkuro merged commit e0ee8eb into jaegertracing:master Jan 14, 2021
vvvprabhakar pushed a commit to vvvprabhakar/jaeger-ui that referenced this pull request Jul 4, 2021
* Rearange nav controls

Signed-off-by: yoave23 <Yoav.eyal@logz.io>

* Remove logo and use text

Signed-off-by: yoave23 <Yoav.eyal@logz.io>
Signed-off-by: vvvprabhakar <vvvprabhakar@gmail.com>
vvvprabhakar pushed a commit to vvvprabhakar/jaeger-ui that referenced this pull request Jul 4, 2021
* Rearange nav controls

Signed-off-by: yoave23 <Yoav.eyal@logz.io>

* Remove logo and use text

Signed-off-by: yoave23 <Yoav.eyal@logz.io>
Signed-off-by: vvvprabhakar <vvvprabhakar@gmail.com>
vvvprabhakar pushed a commit to vvvprabhakar/jaeger-ui that referenced this pull request Jul 5, 2021
* Rearange nav controls

Signed-off-by: yoave23 <Yoav.eyal@logz.io>

* Remove logo and use text

Signed-off-by: yoave23 <Yoav.eyal@logz.io>
Signed-off-by: vvvprabhakar <vvvprabhakar@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Search in the top menu is easy to confuse with a button
2 participants