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

[discover/tableRow] iterate on the style of the source field a bit #1993

Merged
merged 3 commits into from
Nov 20, 2014

Conversation

spalger
Copy link
Contributor

@spalger spalger commented Nov 20, 2014

This is an attempt to improve the style of the _source field in discover. it:

  • removes the natural whitespace around the terms
  • uses the definition list elements
  • extract the addWordBreaks util
  • add work breaks to values in the source, where needed
  • switch from htmlEscape to _.escape

Before:
image

After:
image

@spalger spalger mentioned this pull request Nov 20, 2014
@lukasolson
Copy link
Member

Hmm... not sure if this is intended but now I get a horizontal scrollbar.

@lukasolson lukasolson changed the title [discover/tableRow] itterate on the style of the source field a bit [discover/tableRow] iterate on the style of the source field a bit Nov 20, 2014
@lukasolson
Copy link
Member

screen shot 2014-11-20 at 2 17 18 pm

@lukasolson
Copy link
Member

LGTM

lukasolson added a commit that referenced this pull request Nov 20, 2014
[discover/tableRow] iterate on the style of the source field a bit
@lukasolson lukasolson merged commit 634b240 into elastic:master Nov 20, 2014
@spalger spalger deleted the pretty-source branch December 12, 2014 21:52
Bargs added a commit to Bargs/kibana that referenced this pull request Nov 9, 2016
Back in 2014 a utility was added to insert <wbr> (word break opportunity)
tags into doc table fields to improve their display in the browser. This
utility looped over every character in _source when it was selected as a
column in the doc table, which it was be default. That really started to
slow things down when displaying large docs. I compared how the browser
renders things with and without the <wbr>'s and there's almost no
difference, certainly nothing as dramatic as shown in the linked PR
which added this word breaking functionality. Perhaps browsers have
improved in the last two years, or perhaps something changed in our CSS.
Since we're getting no or negligible value from this utility and it
makes Discover impossible to use with large docs, I simply removed it.

Fixes elastic#6328
Related elastic#1993
Bargs pushed a commit that referenced this pull request Nov 14, 2016
Back in 2014 a utility was added to insert <wbr> (word break opportunity)
tags into doc table fields to improve their display in the browser. This
utility looped over every character in _source when it was selected as a
column in the doc table, which it was be default. That really started to
slow things down when displaying large docs. We can maintain similar word 
breaking without adding <wbr> tags by adding some css styles that 
do essentially the same job. word-break: break-word gives us the best 
formatting but it's not a part of the standard yet (see link below) so I 
provided an almost-as-good fallback with break-all.

https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21

Fixes #6328
Related #1993
Bargs pushed a commit that referenced this pull request Nov 15, 2016
Backports PR #9014

**Commit 1:**
Speed up rendering of large docs in doc table

Back in 2014 a utility was added to insert <wbr> (word break opportunity)
tags into doc table fields to improve their display in the browser. This
utility looped over every character in _source when it was selected as a
column in the doc table, which it was be default. That really started to
slow things down when displaying large docs. I compared how the browser
renders things with and without the <wbr>'s and there's almost no
difference, certainly nothing as dramatic as shown in the linked PR
which added this word breaking functionality. Perhaps browsers have
improved in the last two years, or perhaps something changed in our CSS.
Since we're getting no or negligible value from this utility and it
makes Discover impossible to use with large docs, I simply removed it.

Fixes #6328
Related #1993

* Original sha: fc443bb
* Authored by Matthew Bargar <mbargar@gmail.com> on 2016-11-09T00:11:45Z

**Commit 2:**
Improve word breaking in doc table

To maintain similar word breaking without adding <wbr> tags I've added
some css styles that do essentially the same job. word-break: break-word
gives us the best formatting but it's not a part of the standard yet
(see link below) so I provided an almost-as-good fallback with
break-all.

https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21

* Original sha: ac38524
* Authored by Matthew Bargar <mbargar@gmail.com> on 2016-11-10T23:01:30Z
Bargs pushed a commit that referenced this pull request Nov 15, 2016
Backports PR #9014

**Commit 1:**
Speed up rendering of large docs in doc table

Back in 2014 a utility was added to insert <wbr> (word break opportunity)
tags into doc table fields to improve their display in the browser. This
utility looped over every character in _source when it was selected as a
column in the doc table, which it was be default. That really started to
slow things down when displaying large docs. I compared how the browser
renders things with and without the <wbr>'s and there's almost no
difference, certainly nothing as dramatic as shown in the linked PR
which added this word breaking functionality. Perhaps browsers have
improved in the last two years, or perhaps something changed in our CSS.
Since we're getting no or negligible value from this utility and it
makes Discover impossible to use with large docs, I simply removed it.

Fixes #6328
Related #1993

* Original sha: fc443bb
* Authored by Matthew Bargar <mbargar@gmail.com> on 2016-11-09T00:11:45Z

**Commit 2:**
Improve word breaking in doc table

To maintain similar word breaking without adding <wbr> tags I've added
some css styles that do essentially the same job. word-break: break-word
gives us the best formatting but it's not a part of the standard yet
(see link below) so I provided an almost-as-good fallback with
break-all.

https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21

* Original sha: ac38524
* Authored by Matthew Bargar <mbargar@gmail.com> on 2016-11-10T23:01:30Z
elastic-jasper added a commit that referenced this pull request Nov 18, 2016
Backports PR #9014

**Commit 1:**
Speed up rendering of large docs in doc table

Back in 2014 a utility was added to insert <wbr> (word break opportunity)
tags into doc table fields to improve their display in the browser. This
utility looped over every character in _source when it was selected as a
column in the doc table, which it was be default. That really started to
slow things down when displaying large docs. I compared how the browser
renders things with and without the <wbr>'s and there's almost no
difference, certainly nothing as dramatic as shown in the linked PR
which added this word breaking functionality. Perhaps browsers have
improved in the last two years, or perhaps something changed in our CSS.
Since we're getting no or negligible value from this utility and it
makes Discover impossible to use with large docs, I simply removed it.

Fixes #6328
Related #1993

* Original sha: fc443bb
* Authored by Matthew Bargar <mbargar@gmail.com> on 2016-11-09T00:11:45Z

**Commit 2:**
Improve word breaking in doc table

To maintain similar word breaking without adding <wbr> tags I've added
some css styles that do essentially the same job. word-break: break-word
gives us the best formatting but it's not a part of the standard yet
(see link below) so I provided an almost-as-good fallback with
break-all.

https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21

* Original sha: ac38524
* Authored by Matthew Bargar <mbargar@gmail.com> on 2016-11-10T23:01:30Z
Bargs pushed a commit to Bargs/kibana that referenced this pull request Nov 18, 2016
Back in 2014 a utility was added to insert <wbr> (word break opportunity)
tags into doc table fields to improve their display in the browser. This
utility looped over every character in _source when it was selected as a
column in the doc table, which it was be default. That really started to
slow things down when displaying large docs. We can maintain similar word
breaking without adding <wbr> tags by adding some css styles that
do essentially the same job. word-break: break-word gives us the best
formatting but it's not a part of the standard yet (see link below) so I
provided an almost-as-good fallback with break-all.

https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21

Fixes elastic#6328
Related elastic#1993
epixa pushed a commit that referenced this pull request Nov 21, 2016
Back in 2014 a utility was added to insert <wbr> (word break opportunity)
tags into doc table fields to improve their display in the browser. This
utility looped over every character in _source when it was selected as a
column in the doc table, which it was be default. That really started to
slow things down when displaying large docs. We can maintain similar word
breaking without adding <wbr> tags by adding some css styles that
do essentially the same job. word-break: break-word gives us the best
formatting but it's not a part of the standard yet (see link below) so I
provided an almost-as-good fallback with break-all.

https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21

Fixes #6328
Related #1993
airow pushed a commit to airow/kibana that referenced this pull request Feb 16, 2017
Backports PR elastic#9014

**Commit 1:**
Speed up rendering of large docs in doc table

Back in 2014 a utility was added to insert <wbr> (word break opportunity)
tags into doc table fields to improve their display in the browser. This
utility looped over every character in _source when it was selected as a
column in the doc table, which it was be default. That really started to
slow things down when displaying large docs. I compared how the browser
renders things with and without the <wbr>'s and there's almost no
difference, certainly nothing as dramatic as shown in the linked PR
which added this word breaking functionality. Perhaps browsers have
improved in the last two years, or perhaps something changed in our CSS.
Since we're getting no or negligible value from this utility and it
makes Discover impossible to use with large docs, I simply removed it.

Fixes elastic#6328
Related elastic#1993

* Original sha: fc443bb
* Authored by Matthew Bargar <mbargar@gmail.com> on 2016-11-09T00:11:45Z

**Commit 2:**
Improve word breaking in doc table

To maintain similar word breaking without adding <wbr> tags I've added
some css styles that do essentially the same job. word-break: break-word
gives us the best formatting but it's not a part of the standard yet
(see link below) so I provided an almost-as-good fallback with
break-all.

https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21

* Original sha: ac38524
* Authored by Matthew Bargar <mbargar@gmail.com> on 2016-11-10T23:01:30Z
Former-commit-id: 379abee
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants