topcoder-platform / mfe-customer-work

3 stars 10 forks source link

Step 3: Basic info page #19

Closed Oanh-and-only-Oanh closed 2 years ago

Oanh-and-only-Oanh commented 2 years ago
  1. Under Device Types:

    • Computer is always selected
    • Table and Phone are both toggles. User can select neither, one, or both
  2. Tooltip (beside price/$499 on this screen) should present a text field UX will decide on modal or drop-down format

  3. User data should be preserved when refreshing or going back (get it from cookies)

trevorgerring commented 2 years ago

The tooltip component should be used whenever we have the (?) icon. Screen Shot 2022-01-07 at 9 22 20 PM

Component is designed in Figma here: https://www.figma.com/file/61RVR37D1ifWPeeNdLH393/MVP-Work-Request-Handoff-(Ray's-File)?node-id=487%3A3948

code2nguyen commented 2 years ago

Hi, Do we have Modal Mode Design for (?) icon. Or we support only DropDown Format ?

ThomasKranitsas commented 2 years ago

@code2nguyen the (?) icon should have a tooltip so when you hover over it it needs to show the message from the above image

Refer to this design https://www.figma.com/file/61RVR37D1ifWPeeNdLH393/MVP-Work-Request-Handoff-(Ray's-File)?node-id=487%3A3948

code2nguyen commented 2 years ago

I see, about this spec UX will decide on modal or drop-down format.... So for drop-down format, I guess it like the design when user move hover ? icon.

And about Modal format.... this is my question.

trevorgerring commented 2 years ago

@code2nguyen You can ignore that comment about the Modal or dropdown. The ? icon should be what's seen in the design that @ThomasKranitsas linked to. It should show the tooltip on hover of the ? No modal is needed for the tooltip.

code2nguyen commented 2 years ago

hi, I can not create branch/PR....should I fork it then create a PR from my fork ?

ThomasKranitsas commented 2 years ago

@code2nguyen yes, please

code2nguyen commented 2 years ago

ok, Here is the PR: https://github.com/topcoder-platform/micro-frontends-self-service-app/pull/73