[Graph] Fix style for disabled fields when focused

[dej611]

Summary

Fixes #62155

Had to apply different fixes to make it work for all tested browsers (Safari, Chrome, Firefox).

Old version

Note that on `:hover` the `line-through` decoration is replaced by the `underline`:

### Checklist

Delete any items that are not applicable to this PR.

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Documentation was added for features that require explanation or tutorials
• Unit or functional tests were updated or added to match the most common scenarios
• Any UI touched in this PR is usable by keyboard only (learn more about keyboard accessibility)
• Any UI touched in this PR does not create any new axe failures (run axe in browser: FF, Chrome)
• If a plugin configuration key changed, check if it needs to be allowlisted in the cloud and added to the docker list
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)
• This was checked for cross-browser compatibility

For maintainers

• This was checked for breaking API changes and was labeled appropriately

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[flash1293]

Not sure whether I would expect the line-through to disappear on hover, but maybe the design team has an opinion here.

[dej611]

@elasticmachine merge upstream

[ryankeairns]

To Joe's point, I do expect the line-through to persist on hover. The main KQL filter bar works in this manner, as well. I couldn't quite decipher how it works over there, but I think we can hang one style on the button and the second on the inner span since both use the text-decoration rule.

[flash1293]

LGTM

It would be cool if we could have some indication the disabled badge is hovered, but it's not a blocker IMHO (and also I don't know how it should look like)

[ryankeairns]

Thanks for improving this, it's a tricky one to get all the various states.

[dej611]

@elasticmachine merge upstream

[dej611]

@elasticmachine merge upstream

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 4b0d2a7
• Storybooks Preview

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
graph	1.1MB	1.1MB	+1.8KB

History

• 💛 Build #120253 was flaky cfa1657
• 💚 Build #119896 succeeded 2b807b7
• 💚 Build #119269 succeeded 371a707
• 💚 Build #118709 succeeded fe6acca
• 💔 Build #118701 failed 6da7537

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[kibanamachine]

💚 Backport successful

Status	Branch	Result
✅	7.x

This backport PR will be merged automatically after passing CI.