-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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] Monospace font in Document Explorer #131513
Conversation
00801f3
to
9681979
Compare
@kertal Is it possible to define a width for timestamp column so it fits dates into 1 line? After changing the font family it started wrapping to the second line. |
@jughosta yes, here you can change it:
|
905383a
to
070df8b
Compare
Pinging @elastic/kibana-data-discovery (Team:DataDiscovery) |
|
||
.dscDiscoverGrid__cellPopoverValue { | ||
font-family: $euiCodeFontFamily; | ||
font-size: $euiFontSizeXS; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Code LGTM, tested locally with Chrome, Firefox, Safari, MacOS. Now Doc Exp looks a bit more like classic table, one reason less to go back. 👍 from engineering. The decision about the expanding popover? In @elastic/kibana-design we trust
070df8b
to
1121050
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looking good; noticed a couple of things:
- It looks like
200
may not be wide enough. I edited the date to a larger number and it wrapped. - The row height switcher seems to be broken, but I see that it doesn't work aside from this PR. I'll open a separate issue for this (the 'Switch to default' is the issue).
Also, the font size change on the popover looks good. This way it is still just one step up from the cell font size (12 to 14px).
@ryankeairns are your referring to this issue ? elastic/eui#5593 |
@ryankeairns Thanks for the review! What width would you recommend to set instead? |
I'm not certain which MMM DD is longest, but I tried a few and |
@ryankeairns Updated to 210, thanks! |
💚 Build SucceededMetrics [docs]Async chunks
History
To update your PR or re-run it, just comment with: cc @jughosta |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you for the change
…hromium-to-print-pdf-part-1 * 'main' of github.com:elastic/kibana: (59 commits) [Cloud Posture] Enabled findings group by feature (elastic#131780) [EBT] Fix `userId` generation (elastic#131701) [RAM] Add shareable rule tag filter (elastic#130710) Optimize package installation performance, phase 2 (elastic#131627) [Screenshotting] instrument for benchmark tests using new EventLogger class (elastic#130356) [Connector] Adding internal route for requesting ad-hoc ServiceNow access token (elastic#131171) [ci] bump kibana-buildkite-library (elastic#131754) [Synthetics] UI clean up (elastic#131598) [RsponseOps] Fix flaky rules list test (elastic#131567) [Cases] Add severity field to create case (elastic#131626) [Discover] Monospace font in Document Explorer (elastic#131513) Sessions tab improvements (elastic#131583) Add cloud icon "ess-icon" at the end of the config keys in "alerting" documentation (elastic#131735) [DOCS] Updates deprecation text for legacy APIs (elastic#131741) [ci] break out skip patterns so they can change without triggering CI (elastic#131726) Adjust search session management page font size (elastic#131291) [Unified search] Fix uptime css problem (elastic#131730) [Actionable Observability] Link to filtered rules page (elastic#131629) Add openAPI specifications for cases endpoint (elastic#131275) Display rule API key owner to users who can manage API keys (elastic#131662) ... # Conflicts: # x-pack/plugins/screenshotting/server/formats/pdf/index.ts # x-pack/plugins/screenshotting/server/screenshots/observable.ts
* [Discover] Monospace font in Document Explorer * [Discover] Update code style * [Discover] Update jest snapshot * [Discover] Update jest snapshot * [Discover] Increase the default width for time column * [Discover] Reduce font size for cell popover * [Discover] Update font size for cell popover and fix tests * [Discover] Update width to 210
Closes #130402
Summary
This PR changes the default font to Monospace for Document Explorer. It also changes font family and reduces font size in cells popover.
Checklist