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

Improve display of long operation names in Operations list #351

Merged
merged 3 commits into from
Mar 21, 2019
Merged

Improve display of long operation names in Operations list #351

merged 3 commits into from
Mar 21, 2019

Conversation

kinghuang
Copy link
Contributor

@kinghuang kinghuang commented Mar 19, 2019

Which problem is this PR solving?

Services like Traefik can generate really long operation names. These names wrap in the Operation search list, making options unreadable. This PR improves the display of really long operation names in the list.

Resolves #349

Short description of the changes

  • Set white-space: nowrap on .VirtSelect--option elements.
  • Pass operation name as the title for select options, so that the full value of really long operation names can be seen.

image

Some services like Traefik can generate really long operation names.
Don't wrap the names in the Operation list so that they don't overlap
each other.

Signed-off-by: King Chung Huang <kinghuang@mac.com>
Pass the operation name as the title for VirtSelect options. This
provides a way to see the full value of really long operation names
that may be truncated by the width of the virtual select list.

Signed-off-by: King Chung Huang <kinghuang@mac.com>
@codecov
Copy link

codecov bot commented Mar 19, 2019

Codecov Report

Merging #351 into master will not change coverage.
The diff coverage is 100%.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #351   +/-   ##
=======================================
  Coverage   90.69%   90.69%           
=======================================
  Files         152      152           
  Lines        3290     3290           
  Branches      666      666           
=======================================
  Hits         2984     2984           
  Misses        251      251           
  Partials       55       55
Impacted Files Coverage Δ
...er-ui/src/components/SearchTracePage/SearchForm.js 87.12% <100%> (ø) ⬆️

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 4f78dcf...14529aa. Read the comment docs.

@ghost ghost assigned tiffon Mar 21, 2019
@ghost ghost added the review label Mar 21, 2019
Copy link
Member

@tiffon tiffon left a comment

Choose a reason for hiding this comment

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

Awesome, thank you! 👍

@tiffon tiffon merged commit 35f1cbd into jaegertracing:master Mar 21, 2019
@ghost ghost removed the review label Mar 21, 2019
vvvprabhakar pushed a commit to vvvprabhakar/jaeger-ui that referenced this pull request Jul 5, 2021
…flow

Improve display of long operation names in Operations list
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.

None yet

2 participants