Skip to content

fixed issue to hide the scrollbar #1764

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.

Sign up for GitHub

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

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
+6 −6
Open

fixed issue to hide the scrollbar #1764

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
8c5a252
hidden scrollbar
animeshsahoo1 Jul 8, 2025
a85ec9d
resolved conflict
animeshsahoo1 Aug 2, 2025
5c59723
added scrollbar-hidden to all colapsible content
animeshsahoo1 Aug 2, 2025
b0aef47
Merge branch 'main' into fix/scrollbar-not-hidden-issue
animeshsahoo1 Aug 2, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions components/Sidebar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -395,7 +395,7 @@ export const DocsNav = ({
</svg>
</Button>
</CollapsibleTrigger>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden'>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden scrollbar-hidden'>
<div className='mt-2'>
<DocLink uri='/docs' label='Overview' setOpen={setOpen} />
<DocLink
Expand Down Expand Up @@ -502,7 +502,7 @@ export const DocsNav = ({
</svg>
</Button>
</CollapsibleTrigger>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden'>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden scrollbar-hidden'>
<div className='mt-2'>
<DocLink uri='/learn' label='Overview' setOpen={setOpen} />
<DocLink
Expand Down Expand Up @@ -606,7 +606,7 @@ export const DocsNav = ({
</svg>
</Button>
</CollapsibleTrigger>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden'>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden scrollbar-hidden'>
<div className='mt-2'>
<DocLink uri='/learn/guides' label='Overview' setOpen={setOpen} />
<DocLink
Expand Down Expand Up @@ -679,7 +679,7 @@ export const DocsNav = ({
</svg>
</Button>
</CollapsibleTrigger>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden max-h-80 overflow-y-auto'>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden max-h-80 overflow-y-auto scrollbar-hidden'>
<div className='mt-2'>
<DocLink
uri='/understanding-json-schema/reference'
Expand Down Expand Up @@ -865,7 +865,7 @@ export const DocsNav = ({
</svg>
</Button>
</CollapsibleTrigger>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden'>
<CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden scrollbar-hidden'>
<div className='mt-2'>
<DocLink uri='/specification' label='Overview' setOpen={setOpen} />
<SegmentSubtitle label='Versions' />
Expand Down
2 changes: 1 addition & 1 deletion pages/tools/components/ui/DropdownMenu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ export default function DropdownMenu({
</CollapsibleTrigger>

<CollapsibleContent className='ml-0 mt-0 overflow-hidden transition-all duration-500 ease-in-out data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up'>
<div className='max-h-80 overflow-y-auto transition-all duration-500 ease-in-out'>
<div className='max-h-80 overflow-y-auto scrollbar-hidden transition-all duration-500 ease-in-out'>
{children}
</div>
</CollapsibleContent>
Expand Down