Page MenuHomePhabricator

[web] introduce add keyserver modal
ClosedPublic

Authored by ginsu on Nov 16 2023, 9:58 AM.
Tags
None
Referenced Files
Unknown Object (File)
Wed, May 15, 8:58 PM
Unknown Object (File)
Fri, May 10, 9:15 AM
Unknown Object (File)
Fri, May 3, 4:47 PM
Unknown Object (File)
Thu, May 2, 6:50 PM
Unknown Object (File)
Wed, May 1, 1:48 PM
Unknown Object (File)
Mon, Apr 29, 8:01 AM
Unknown Object (File)
Fri, Apr 26, 4:58 PM
Unknown Object (File)
Mon, Apr 22, 9:26 PM
Subscribers

Details

Summary

This diff introduces the add keyserver modal. The focus of this diff is just the interface, and subsquent diffs will handle implementing the behavoir of adding a keyserver to the keyserver store

for context here is the figma design:

Screenshot 2023-11-16 at 1.02.31 PM.png (1×1 px, 172 KB)

linear task: https://linear.app/comm/issue/ENG-5496/introduce-add-keyserver-input-ui

Depends on D9892

Test Plan

Please see screenshot below

Screenshot 2023-11-16 at 12.56.49 PM.png (1×3 px, 718 KB)

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

ginsu published this revision for review.Nov 16 2023, 10:22 AM

Another design question - just in terms of consistency, do normally use a darker background behind the action button in modals? My experience with modals is they're the same color throughout, and the button doesn't have a darker background behind it

web/modals/keyserver-selection/add-keyserver-modal.css
11 ↗(On Diff #33349)

Would it make more sense to use a modal color here as opposed to a panel? Not sure

Another design question - just in terms of consistency, do normally use a darker background behind the action button in modals?

Spoke to @rohan about this during dec planning sync, and showed him that this new design is part of the new web UI. Since this interface is only available to devs/staff I figured it would be good to start that introduction. Part of my December work will be to unify the look of all the modals to this.

Accepting since the code looks good (and colors look consistent)!

I'm not so sure about the specific color variables but I assume you've signed off on them / agreed on them prior

This revision is now accepted and ready to land.Nov 28 2023, 4:20 PM
web/modals/keyserver-selection/add-keyserver-modal.react.js
17–22 ↗(On Diff #33957)

You might be able to use shorthand here

address comments + rebase before landing

This revision was automatically updated to reflect the committed changes.