From 45bea9d17fa3a44d5fa95fb2c43ce73ef84fbc38 Mon Sep 17 00:00:00 2001 From: RachelElysia <71795832+RachelElysia@users.noreply.github.com> Date: Thu, 25 Jun 2026 17:44:03 -0400 Subject: [PATCH] Fleet UI: Activity feed outline only on keyboard focus (#48295) --- changes/47685-activity-outline | 1 + frontend/components/FeedListItem/_styles.scss | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) create mode 100644 changes/47685-activity-outline diff --git a/changes/47685-activity-outline b/changes/47685-activity-outline new file mode 100644 index 0000000000..923342cfea --- /dev/null +++ b/changes/47685-activity-outline @@ -0,0 +1 @@ +- Fixed the activity feed showing a focus outline when an activity was clicked. The outline now appears only when tabbing to an activity with the keyboard, matching the focus behavior used elsewhere in the UI. diff --git a/frontend/components/FeedListItem/_styles.scss b/frontend/components/FeedListItem/_styles.scss index e238cd334e..237926ca01 100644 --- a/frontend/components/FeedListItem/_styles.scss +++ b/frontend/components/FeedListItem/_styles.scss @@ -46,7 +46,7 @@ padding: $pad-small; margin-bottom: $pad-large; - &:focus { + &:focus-visible { outline: 2px solid $ui-fleet-black-75; }