6.0 Feedback: [Design QA] Modal Dialogs #10167

[mmencarelli]

Overview

This is first round design QA on all the modals in our app.

Current Behavior

Link to view the annotated frame in Figma.

Why is this not available modal

• [x] (1) Needs 1.5 rem margin beneath the button. Also remove the box shadow.

How to set up a new robot

• [x] (1) Remove the box-shadow from the button
• [x] (2) Needs 1.5 rem margin beneath the button. Also remove the box shadow

Delete this labware definition

• [x] (1) Hasn't been implemented yet (including the background overlay update)

Factory settings modal

• [x] (1) When this modal appears the breadcrumbs still appear above the background overlay
• [x] (2) Add a spacing of 1.5 rem between the 'cancel' and the button
• [x] (3) Have we updated the text here? Let me know and I'll update the designs
• [x] (4) Hover state for this error version of the button isn't linked up! On hover it turns blue. Also remove the box shadow
• [x] (5) I have a sneaky feeling these toast icons haven't been updated

Software Update Modal Don't know if this one has been updated?

How to restore to a previous software version modal

• [x] (1) Needs 1.5 rem margin beneath the button
• [x] (2) Adjust the margins between the text to be .5rem (8px)
• [x] (3) Remove box shadow from button

[bndo]

Closed by #10762