Adapt dialogs to new design

[guergana]

• fixes Adapt dialogs to the new UI #526

To avoid making this PR larger than it is, I will create another PR to address the hover colors of buttons across the app and the dialogs, and another PR speficically for the 'Publish' dialog.

[cloudflare-workers-and-pages]

Deploying opendataeditor with    Cloudflare Pages

Latest commit:	6933754
Status:	✅  Deploy successful!
Preview URL:	https://f55b616f.opendataeditor.pages.dev
Branch Preview URL:	https://526-adapt-dialogs.opendataeditor.pages.dev

View logs

[roll]

Thanks!

Looks good in general!

The disabled state looks quite weird for me. Is it intended?

Also, just a note, that some text font/Cancel font would probably fail accessibility tests

[guergana]

Thanks!

Looks good in general!

The disabled state looks quite weird for me. Is it intended?

Also, just a note, that some text font/Cancel font would probably fail accessibility tests

@Faithkenny I can't find the design for the disabled state of the buttons. It needs to have a higher contrast as @roll suggests... could you point me to the design? 🙏

[Faithkenny]

Hey folks, Thank you for pointing that out. I've updated the foreground color (text), now it passess the accessibility checker. @roll. Consequently updates on the:

• Add external file modal
• Create folder modal

Here's the button @guergana:

[guergana]

Hey folks, Thank you for pointing that out. I've updated the foreground color (text), now it passess the accessibility checker. @roll. Consequently updates on the:

• Add external file modal
• Create folder modal

Here's the button @guergana:

@Faithkenny thanks!

[romicolman]

Approved!