acmcsufoss / fullyhacks

🐘 FullyHacks hackathon event, an ACM at CSUF production.
https://fullyhacks.acmcsuf.com/
MIT License
8 stars 7 forks source link

fixed faq accordions #11

Closed jaasonw closed 1 year ago

jaasonw commented 1 year ago

https://user-images.githubusercontent.com/8981287/227776805-9c79e8a8-fee9-4a17-a0d2-db29b400c500.mp4

anguzz commented 1 year ago

smooth ( ͡° ͜ʖ ͡°)

jaasonw commented 1 year ago

Since this component uses React state, I believe the FAQs will not open unless JS is loaded and running on the browser.

https://user-images.githubusercontent.com/8981287/227777189-06e13bac-35dc-48c9-824a-208f79b1cc71.mp4

jaasonw commented 1 year ago

should be fixed w no js now smile

jaasonw commented 1 year ago

https://user-images.githubusercontent.com/8981287/227779799-eba05f11-57c7-4458-baea-193e00899914.mp4

jaasonw commented 1 year ago

can fix the bg, cannot replicate margin on chrome, firefox, or safari. also fixed the border not actually rendering on chrome or safari

image

jaasonw commented 1 year ago

update: was able to replicate and fix it

anhduy1202 commented 1 year ago

can you make the border flatten out when open like before? it looks weird image

Comparing to this image

jaasonw commented 1 year ago

ok

anhduy1202 commented 1 year ago

is it supposed to be long like this? image

jaasonw commented 1 year ago

no