Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added the feature : Added the clickable titles which collapse and expand on side bar nav #83

Merged
merged 3 commits into from
Oct 2, 2023

Conversation

Akash-pugazh
Copy link
Contributor

@Akash-pugazh Akash-pugazh commented Oct 1, 2023

Fixes Issue : Feat added : Added the clickable titles on Side bar nav

Closes #53

Changes proposed

Made changes on the sidebar-nav.tsx file : Making the UI element on sidebar as accordion

Edit : I've noticed a older issue on making the title clickable to open the content and Added in this second commit Please feel free to go through the code

Edit 2 : Sorry Ive Re-Submitting this due to merge conflicts. 😊

Quick note :

I have also made a little change on reducing the padding bottom from 8 to 4 (Line: 25), because it really looks more spaced when its large, Feel free to modify or I'll make sure to edit and PR again. 😊

Added SS for Reference:

Some little changes on UI code

Main Issue Fix :

Screenshot (14)

Check List (Check all the applicable boxes)

  • My code follows the code style of this project.
  • My change requires changes to the documentation.
  • I have updated the documentation accordingly.
  • All new and existing tests passed.
  • This PR does not contain plagiarized content.
  • The title of my pull request is a short description of the requested changes.

Screenshots

Screenshot (15)

Screenshot (16)

Note to reviewers

This is minor change and also my first contribution, Thank you for this opportunity, will contribute more from here 💕

Making headings as Accordions on Side Bar Nav
@vercel
Copy link

vercel bot commented Oct 1, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
frontendfreaks ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 2, 2023 8:21am

@Vishal-raj-1
Copy link
Member

Vishal-raj-1 commented Oct 2, 2023

In dark theme, title color should be white

Fix this @Akash-pugazh

image

<AccordionItem className="border-b-0" value="item-title">
<div>
<AccordionTrigger className="py-2 hover:no-underline">
{item.title}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

title style is missing, "mb-1 rounded-md py-1 text-base font-medium dark:text-white"

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'll modify 😊👍

@Vishal-raj-1 Vishal-raj-1 self-requested a review October 2, 2023 07:36
Copy link
Member

@Vishal-raj-1 Vishal-raj-1 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fix dark theme style

@Akash-pugazh
Copy link
Contributor Author

Hello there Maintainers, I've made respective requested changes, Thankyou for guiding me out😊

Some Screenshots:

Screenshot (19)

Please report if any other issues

@Vishal-raj-1 Vishal-raj-1 merged commit 8acb0a3 into FrontendFreaks:master Oct 2, 2023
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feat] Expand and collapse batches
2 participants