Skip to content

Use global search query syntax highlighting classes for query input

Administrator requested to merge fkling/cm/update-syntax-highlighting into main

Created by: fkling

Follow up to #38331

This commit removes the custom CSS classes for syntax highlighting the query in the search query input and instead uses the global classes introduced in 721efd3aad8bba51eb8e9efaeb9398f419ee7b5d.

To make that easier I refactored the code and extracted the CSS class name generation into its own function, applying a more table-driven approach.

Test plan

Type query in main query input and inspect query token DOM elements.

Merge request reports