initial add faq section - #29
Conversation
initial commit for faq section. i took the example FAQs from the project redesign meeting notes in notion, so if possible could we check to see if we want to change/add more? i'm not sure if we want a tablet view? old project website has a tablet view but current figma uses a smartphone view instead. for the FAQ section it would pretty much be the same obviously but it might be a topic to bring up? also might be good to note that i copied the max-width variable that the navbar uses for a small tablet so they would match. not sure if we will standardize that later in the redesign process
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Is it necessary to use 'use client' for the FAQ? |
|
Also, I don't think there was a design for the expanded FAQ item element so I'm going to ask design to get back to me on that. It looks pretty good for the most part but I think there could be more distinction between the question and the answer. |
|
Also, when your mouse is hovered over one of the FAQ items and you try to scroll, it doesn't work. Can we fix this? |
|
the redesign figma had a preview for it that i checked out yesterday. i don't know if they changed it since i last checked so i'll check it again tonight and tomorrow and make another commit to make it look more like the redesign. |
|
i invoked 'use client' so i could use useState, but it looks like it's mentioned in page.tsx? so i got rid of it and it should still work. if you want i can instead try using Detailsinstead for each question but i think that doesn't allow for animations |
|
whoops i didn't know it would do that. i mean that i could use the details HTML element instead |
fix scrolling when mouse/finger is over the question box; remove redundant 'use client' directive
update formatting to more closely match what was in the notion
|
I think the question text should be more bold |
* added the timeline component * adjusted some minor spacing * changed timeline so that it auto shows the earliest upcoming event --------- Co-authored-by: khanggn <khn042@ucsd.edu>
2 participants
initial commit for faq section. i took the example FAQs from the project redesign meeting notes in notion, so if possible could we check to see if we want to change/add more?
i'm not sure if we want a tablet view? old project website has a tablet view but current figma uses a smartphone view instead. for the FAQ section it would pretty much be the same obviously but it might be a topic to bring up?
also might be good to note that i copied the max-width variable that the navbar uses for a small tablet so they would match. not sure if we will standardize that later in the redesign process