icons: Remove :focus-within styles on hover controls.

This corrects for an issue where hover controls would remain
visible after multiple clicks on one of the hover control icons,
despite the mouse pointer leaving the area.

This does not really create a regression for keyboard focus, as
there is currently no reasonable way to get a Tab key into the
hover controls area.

However, if one clicks multiple times on the vdots icon, and uses
Tab to move back and forth, the icons still remain visible--thanks
to the mouse pointer still being in the hover area.
This commit is contained in:
Karl Stolley 2023-08-17 14:12:56 -05:00 committed by Tim Abbott
parent 14e9f65349
commit 2ac578537c
1 changed files with 1 additions and 3 deletions

View File

@ -105,9 +105,7 @@ $time_column_min_width: 42px; /* + padding */
padding: 0 5px 0 3px; padding: 0 5px 0 3px;
&:hover .message_controls, &:hover .message_controls,
&:focus-within .message_controls, &:hover .message_failed {
&:hover .message_failed,
&:focus-within .message_failed {
.empty-star:hover { .empty-star:hover {
cursor: pointer; cursor: pointer;
} }