From 1f37b95d6e59944fa06c24a51df6e376d883053e Mon Sep 17 00:00:00 2001 From: Linus Pahl Date: Wed, 24 Apr 2024 10:25:36 +0200 Subject: [PATCH] Fix display tooltip for help icons in disabled menu items. (#19093) * Fix display tooltip for help icons in disabled menu items. * Adding changelog --- changelog/unreleased/issue-19092.toml | 5 +++++ .../src/components/common/HoverForHelp.tsx | 1 + 2 files changed, 6 insertions(+) create mode 100644 changelog/unreleased/issue-19092.toml diff --git a/changelog/unreleased/issue-19092.toml b/changelog/unreleased/issue-19092.toml new file mode 100644 index 000000000000..d5d35cd4f521 --- /dev/null +++ b/changelog/unreleased/issue-19092.toml @@ -0,0 +1,5 @@ +type="f" +message="Fix display tooltip for help icons in disabled menu items." + +issues=["19092"] +pulls=["19093"] diff --git a/graylog2-web-interface/src/components/common/HoverForHelp.tsx b/graylog2-web-interface/src/components/common/HoverForHelp.tsx index 2b93dc5d5af4..d1a4e9a0b3db 100644 --- a/graylog2-web-interface/src/components/common/HoverForHelp.tsx +++ b/graylog2-web-interface/src/components/common/HoverForHelp.tsx @@ -45,6 +45,7 @@ const StyledIcon = styled(Icon)<{ $type: Type, $displayLeftMargin: boolean }>(({ color: ${$type === 'error' ? theme.colors.variant.danger : 'inherit'}; margin: 0; margin-left: ${$displayLeftMargin ? '0.3em' : 0}; + pointer-events: auto !important; `); const iconName = (type: Type) => {