diff --git a/changelog/unreleased/issue-26503.toml b/changelog/unreleased/issue-26503.toml new file mode 100644 index 000000000000..19b97881d1a7 --- /dev/null +++ b/changelog/unreleased/issue-26503.toml @@ -0,0 +1,5 @@ +type = "fixed" +message = "Navbar links and buttons no longer keep the focus ring visible after a mouse click; the outline now only shows for keyboard navigation." + +issues = ["26503"] +pulls = ["26504"] diff --git a/graylog2-web-interface/src/components/navigation/Navigation.styles.tsx b/graylog2-web-interface/src/components/navigation/Navigation.styles.tsx index 1326992d0eed..ee0145820ddd 100644 --- a/graylog2-web-interface/src/components/navigation/Navigation.styles.tsx +++ b/graylog2-web-interface/src/components/navigation/Navigation.styles.tsx @@ -26,6 +26,11 @@ const StyledNavbar = styled(Navbar)( cursor: default; } + a:focus:not(:focus-visible), + button:focus:not(:focus-visible) { + outline: none; + } + &.navbar-default { .navbar-nav > li > a { padding: 0 15px;