search

flyteorg / flyte

Scalable and flexible workflow orchestration platform that seamlessly unifies data, ML and analytics stacks.
https://flyte.org
Apache License 2.0
5.17k stars 550 forks source link

[UI Feature] UI enhanced by auto-collapse accordion #4108

Open mohdahsanrazakhan opened 9 months ago

mohdahsanrazakhan commented 9 months ago

Motivation: Why do you think this is important?

Summary:

The UI is enhanced by implementing an auto-collapse accordion feature.

Expected Behavior:

When users interact with the accordion, it should automatically collapse sections that are open when another section is expanded. This improves the user experience by preventing multiple sections from being open simultaneously.

Current Behavior:

Currently, the accordion allows multiple sections to be open simultaneously, which can be confusing for users.

Steps to Reproduce:

  1. Open the landing page Flyte and go to "Create extremely flexible data and ML workflows" section.
  2. Expand multiple sections.
  3. Notice that they all remain open.

Goal: What should the final outcome look like, ideally?

Possible Solutions

One possible solution is to implement JavaScript logic that automatically collapses open sections when another section is expanded. This can be achieved through event listeners and toggling the accordion elements.

Propose: Link/Inline OR Additional context

Screenshots (if applicable):

flyte

Additional Context: The auto-collapse accordion feature would greatly improve the usability of the UI. It ensures that only one section can be expanded at a time, making it easier for users to navigate and understand the content.

Are you sure this issue hasn't been raised already?

Have you read the Code of Conduct?

welcome[bot] commented 9 months ago

Thank you for opening your first issue here! 🛠

K-Kumar-01 commented 9 months ago

I would like to work on this issue

mohdahsanrazakhan commented 9 months ago

Great! Feel free to start working on the issue.

K-Kumar-01 commented 9 months ago

I was trying to do local development. For point 4 here, I got stuck as I don't have a working email. How can I fix that

mohdahsanrazakhan commented 9 months ago

Try to follow CONTRIBUTING.md to resolve your problem.

K-Kumar-01 commented 9 months ago

@mohdahsanrazakhan I was trying the point 4 from install dependencies section and was facing the above problem

itaim18 commented 9 months ago

Would love to take a shot on solving this issue :)