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

Avoid the horizontal scrollbar (KeyValueTable) #586

Merged

Conversation

smanolloff
Copy link
Contributor

Which problem is this PR solving?

scroll-before

The "copy" icon should not cause a horizontal scroll to appear on the expanded KeyValue table.
There is also no need to treat the values as linguistic composites of non-breakable words - they can just as likely be just strings of symbols, for which break-word would actually degrade, rather than improve visual perception.
After the change:
scroll-after

@smanolloff smanolloff changed the title break word on any character Avoid the horizontal scrollbar (KeyValueTable) May 25, 2020
@codecov
Copy link

codecov bot commented May 25, 2020

Codecov Report

Merging #586 into master will increase coverage by 0.01%.
The diff coverage is n/a.

Impacted file tree graph

@@            Coverage Diff             @@
##           master     #586      +/-   ##
==========================================
+ Coverage   93.55%   93.57%   +0.01%     
==========================================
  Files         217      217              
  Lines        5289     5289              
  Branches     1360     1360              
==========================================
+ Hits         4948     4949       +1     
+ Misses        300      299       -1     
  Partials       41       41              
Impacted Files Coverage Δ
...eViewer/TimelineHeaderRow/TimelineViewingLayer.tsx 91.52% <0.00%> (+1.69%) ⬆️

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 3335512...142f70f. Read the comment docs.

Signed-off-by: Simeon Manolov <[email protected]>
@smanolloff
Copy link
Contributor Author

I want to point out that I cannot explain why this fix works, it was a trial-and-error.
This fix also is meant to work with #584 so the layout is even more "tight".

@yurishkuro
Copy link
Member

I think it's a reasonable change, don't see much value in breaking on words only, it could always cause scrolling issues.

@yurishkuro yurishkuro merged commit 5e5e2bd into jaegertracing:master Jun 2, 2020
vvvprabhakar pushed a commit to vvvprabhakar/jaeger-ui that referenced this pull request Jul 5, 2021
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.

2 participants