Use button group for actions in the Group Security Dashboard

Problem to solve

We have three buttons to perform actions in the Group Security Dashboard:

image

It could be turned into a button group:

Screen_Shot_2018-12-11_at_5.03.20_PM

Further details

Originally discussed in https://gitlab.com/gitlab-org/gitlab-ee/issues/6709#note_118724823

Proposal

Replace the three buttons with a button group.

Design

All hover states
hover-states-with-button-groups
With no actions taken (default grouping)
Screen_Shot_2018-12-11_at_5.03.20_PM
If vulnerability was dismissed
Screen_Shot_2018-12-11_at_5.03.23_PM
If issue was created
Screen_Shot_2018-12-11_at_5.03.25_PM
If vulnerability was dismissed and issue was created
Screen_Shot_2018-12-11_at_5.03.29_PM
Popover detail and hover states
hover-states-with-button-groups-popover-detail

Design Specs:

See design specs here

Note:

designs show with new info icon implimented with: https://gitlab.com/gitlab-org/gitlab-ee/issues/8506

Edited Dec 11, 2018 by Andy Volpe
Assignee Loading
Time tracking Loading