aditya-bhaumik / Pathsphere

PathSphere is a comprehensive platform designed to connect students with scholarship opportunities and educators with job openings. It features dynamic search tools and community discussions to enhance access to educational and career resources.
https://pathsphere.netlify.app/
MIT License
109 stars 250 forks source link

[Enhancement]Enhancing UI in FAQ section #321

Open Harshitha-Annam opened 2 weeks ago

Harshitha-Annam commented 2 weeks ago

--> The FAQ section looks monotonous and could use some improvement in UI. Please Assign this issue for me.

github-actions[bot] commented 2 weeks ago

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

Apoorva57 commented 1 day ago

@Harshitha-Annam can you be more specific on what UI improvisations will you add to it?

Harshitha-Annam commented 1 day ago

Hey @Apoorva57 ! I want to contribute by making the changes stated below.

---> When the dark mode is active FAQ section title is not visible. I want to fix this issue. 4-4 ---> For Small screen devices , some embedded links were added within the answers but they all lead to page not found. I want to resolve this. 4-1 4-2 4-3 ----> Improve the transitions so that only one FAQ is expanded at a time. When user clicks on another FAQ, previously expanded ones shrink automatically. ----> Since in dark mode there border bottom is not visible for FAQs , I think its better to keep the style consistent and remove it in light mode also. ----> change the X mark to red and + mark to the same shade of green displayed when FAQ is expanded.