GSA / px-benefit-finder

1 stars 0 forks source link

Accordion | button and legend adjustments #720

Open scottqueen-bixal opened 6 months ago

scottqueen-bixal commented 6 months ago

3 CTA button Size and legend:

Note Button size change: narrower with legend split in two lines

Related: https://github.com/GSA/px-benefit-finder/issues/48

scottqueen-bixal commented 6 months ago

Image

@ErnestoFernandezAlvarez , need some clarification to resolve these updates

  1. Is there a max width set on the CTA button or do we just want it not to be full width?
  2. What is the hex color of the green check?
ErnestoFernandezAlvarez commented 6 months ago

@scottqueen-bixal

i. we do not want it to be full width. We can set up a width that would accommodate the longest possible text. ii. HEX # 009831 (Check Green)

Here is the figma file

fongcindy commented 6 months ago

Let's hold off on making these for the width and button sizes.

We have a sync scheduled with Diego and Amy on 1/2, after this call we will determine the content changes that will define the final standard button sizes.

fongcindy commented 6 months ago

@scottqueen-bixal As mentioned in Ernesto's comment in this related ticket: https://github.com/GSA/px-benefit-finder/issues/48

The Desktop Accordion button for all benefits accordions and in both languages should be: -2 line of text -404x58 size

When you get the chance next week or next sprint, can you ensure these changes are made? Thank you!

EnriqueOrt commented 5 months ago

Waiting on design audit for USAgov feedback - will resume work once we get more information.

ErnestoFernandezAlvarez commented 4 months ago

We did agree on a button size as a team a couple of weeks ago. I expect to be making further revisions upon the completion of the audit from Usa.gov. Thanks guys!

On Mon, Feb 5, 2024 at 11:51 AM Enrique Ortiz @.***> wrote:

Waiting on design audit for USAgov feedback - will resume work once we get more information.

— Reply to this email directly, view it on GitHub https://github.com/GSA/px-benefit-finder/issues/720#issuecomment-1927610234, or unsubscribe https://github.com/notifications/unsubscribe-auth/A54BNY55P4BUEA2BABXUK5TYSELYPAVCNFSM6AAAAABATMAANCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMRXGYYTAMRTGQ . You are receiving this because you were mentioned.Message ID: @.***>