Basecamp Export

From the list: Build

✔ Add Accordion block & Style to match https://www.cgps.org/admission/how-to-apply

Veronica A. added this on Apr 01, 2020
Completed Apr 01, 2020 by Kyle S.

Assigned to

Kyle S.

Notes

https://www.cgps.org/admission/how-to-apply

Before hover
- Outline should be dark blue #333A4E
- Text should be dark grey #4A4A4A
Hover
- Title Box should be #B2B2B2
- Text should be dark blue #333A4E
Clicked Open
- Title box should be dark blue #333A4E
- Title Text should be white
- Title outline should be dark blue #333A4E
Make sure content in accordions is styled same as Gutenberg Heading & Paragraph blocks

Kyle Sullivan, Web Development

In my humble opinion, the #B2B2B2 background on hover is too dark.

Apr 01, 2020 at 10:42 PM Notified 1 person

Kyle Sullivan completed this to-do.

Apr 01, 2020 at 10:42 PM

Veronica Alvarado, Project Manager

Blake

See what you think

Kyle

Can we get a link to an example?

Apr 02, 2020 at 1:52 PM Notified 2 people

Kyle Sullivan, Web Development

https://transfiguration.diocesanweb.org/styles/

Apr 02, 2020 at 1:53 PM Notified 2 people

Blake Stapleton, Web Designer

#d4d4d4 works nice try that.

Apr 02, 2020 at 2:42 PM Notified 2 people

Kyle Sullivan, Web Development

I've updated that. Do I need to do anything else?

Apr 02, 2020 at 2:46 PM Notified 2 people

Veronica Alvarado, Project Manager

When the accordion is open, the X looks just slightly off and creates this little shadow. Could you take a look at that?

Apr 02, 2020 at 3:10 PM Notified 2 people

Kyle Sullivan, Web Development

I just had to overwrite the border that the DPI Theme adds to elements with .line.

👍

Apr 02, 2020 at 3:52 PM Notified 2 people