Skip to content

New Log Details: Support multiple log details displayed #108327

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

Merged
merged 10 commits into from
Jul 21, 2025

Conversation

matyax
Copy link
Contributor

@matyax matyax commented Jul 18, 2025

Part of #99075, this PR adds support for multiple displayed fields. For the Sidebar, it displays them as tabs. For inline, they are individually toggled.

Additional change: the syntax highlighting option controls the highlight of search words when string filters are used. Closes #68572

Demo:

Demo.mov

@matyax matyax requested a review from a team as a code owner July 18, 2025 14:00
@github-actions github-actions bot added this to the 12.1.x milestone Jul 18, 2025
@matyax matyax added no-backport Skip backport of PR no-changelog Skip including change in changelog/release notes labels Jul 18, 2025
@matyax matyax requested a review from grafanabot as a code owner July 18, 2025 14:07
Copy link
Contributor

@L2D2Grafana L2D2Grafana left a comment

Choose a reason for hiding this comment

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

lgtm

  • Love that the inline details stay open for comparison
Image
  • The tabs were a bit jumpy switching between them
Screen.Recording.2025-07-18.at.1.18.32.PM.mov
  • Not sure exactly how to check the highlight filtering it looks the same
Image

@matyax
Copy link
Contributor Author

matyax commented Jul 18, 2025

The tabs were a bit jumpy switching between them

Oh, good find! That can definitely be improved.

Not sure exactly how to check the highlight filtering it looks the same

Yeah, search is ok. The highlight to disable are line filters. To test, use a line filter and see the differences with and without highlighting.

@matyax matyax force-pushed the matyax/logs-panel-v2-new-viz-multi-details branch from 205c3bd to 8b5efa0 Compare July 21, 2025 09:09
@matyax
Copy link
Contributor Author

matyax commented Jul 21, 2025

Unfortunately, the tab flickering comes from the tabs component with suffix.

Flickering.mov

@matyax matyax merged commit b70d1b0 into main Jul 21, 2025
96 of 97 checks passed
@matyax matyax deleted the matyax/logs-panel-v2-new-viz-multi-details branch July 21, 2025 11:02
macabu pushed a commit that referenced this pull request Jul 22, 2025
* LogLine: optionally highlight search based on syntax highlighting state

* Log Details: support multiple details open

* Translations

* Add test

* LogLine: allow to highlight frontend searches

* LogLine: improve hover vs details displayed colors

* LogLineDetails: add scroll to log line option and improve toggling behavior

* Translations

* LogLineDetails: prevent sidebar re-rendering

* LogLineDetails: more tests
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend no-backport Skip backport of PR no-changelog Skip including change in changelog/release notes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Logs: Add ability to disable or customize highlighting in query results
2 participants