Skip to content

Multi-select Apply button hover state is too faint #386

Description

@BorisTyshkevich

Summary

The new multi-select control uses a very pale/faded hover style for the Apply button. The hovered button looks disabled and has weak contrast, even when an Apply action is available.

Reproduction

  1. Open a multi-select filter control.
  2. Change one or more selections so Apply is enabled.
  3. Hover the Apply button.

Actual result

The hover background becomes very light/faded and the button loses its clear enabled-action affordance. It is difficult to distinguish from a disabled state.

Expected result

The enabled Apply button should use a brighter, higher-contrast hover state consistent with the application's primary action styling. Disabled, enabled, hover, focus-visible, and active states should remain visually distinct.

Acceptance criteria

  • Enabled Apply has a clearly visible default style.
  • Hovering enabled Apply makes the action more prominent, not more faded.
  • Disabled Apply remains visibly distinct from the enabled hover state.
  • Text/background contrast remains readable in supported themes.
  • Keyboard focus-visible and pressed/active states remain clear.
  • Add or update UI/CSS coverage for the multi-select footer action states.

Screenshot

Observed in the new multi-select control: the Apply button at the bottom-right becomes a pale gray/white treatment on hover and visually resembles a disabled button.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions