diff --git a/changes/47530-my-device-policy-click-highlight b/changes/47530-my-device-policy-click-highlight new file mode 100644 index 0000000000..df2d71ad30 --- /dev/null +++ b/changes/47530-my-device-policy-click-highlight @@ -0,0 +1 @@ +- Removed the blue active-state background flash when clicking a row in a single-select data table (e.g., **My device > Policies**). diff --git a/frontend/components/TableContainer/DataTable/_styles.scss b/frontend/components/TableContainer/DataTable/_styles.scss index 20babbea91..d7220d5448 100644 --- a/frontend/components/TableContainer/DataTable/_styles.scss +++ b/frontend/components/TableContainer/DataTable/_styles.scss @@ -261,7 +261,7 @@ $shadow-transition-width: 16px; background-color: $ui-off-white-opaque; // opaque needed for horizontal scroll shadow } &:focus-visible { - outline: 2px solid $core-focused-outline; + outline: 1px solid $core-focused-outline; background: $ui-off-white; border-radius: $border-radius; } @@ -283,9 +283,6 @@ $shadow-transition-width: 16px; &:hover { cursor: pointer; } - &:active { - background-color: $ui-vibrant-blue-10; - } } .clickable-row {