dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-05 17:35:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed sidebar scrolling issues

Browse Source
This commit is contained in:
Jonathan Summers-Muir committed 2022-12-12 19:18:10 +08:00
1 parent 7c5fc1aeca
commit 425f1992c7
3 files changed
+9 -11
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx
+3 -4
View File
@@ -87,14 +87,13 @@ const NavigationMenuCliList = ({ currentLevel, setLevel, id }) => {
<div
className={[
'transition-all ml-8 duration-150 ease-out',
// enabled
currentLevel === id && 'opacity-100 ml-0 delay-150',
currentLevel === id && 'opacity-100 ml-0 delay-150 h-auto',
// move menu back to margin-left
currentLevel === 'home' && 'ml-12',
// disabled
currentLevel !== 'home' && currentLevel !== id ? '-ml-8' : '',
currentLevel !== id ? 'opacity-0 invisible absolute' : '',
currentLevel !== id ? 'opacity-0 invisible absolute h-0 overflow-hidden' : '',
].join(' ')}
>
<div className={'w-full flex flex-col gap-0 sticky top-8'}>
apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx
+3 -3
View File
@@ -34,12 +34,12 @@ const NavigationMenuGuideList: React.FC<Props> = ({ currentLevel, id, setLevel }
className={[
'transition-all ml-8 duration-150 ease-out',
// enabled
currentLevel === id && 'opacity-100 ml-0 delay-150 h-auto',
// move menu back to margin-left
currentLevel === id && 'opacity-100 ml-0 delay-150',
currentLevel === 'home' && 'ml-12',
// disabled
currentLevel !== 'home' && currentLevel !== id ? '-ml-8' : '',
currentLevel !== id ? 'opacity-0 invisible absolute h-0 overflow-hidden' : '',
currentLevel !== id ? 'opacity-0 invisible absolute' : '',
].join(' ')}
>
<ul className={['relative w-full flex flex-col gap-0'].join(' ')}>
apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx
+3 -4
View File
@@ -140,14 +140,13 @@ const NavigationMenuRefList: React.FC<INavigationMenuRefList> = ({
<div
className={[
'transition-all ml-8 duration-150 ease-out',
// enabled
currentLevel === id && 'opacity-100 ml-0 delay-150',
currentLevel === id && 'opacity-100 ml-0 delay-150 h-auto',
// move menu back to margin-left
currentLevel === 'home' && 'ml-12',
// disabled
currentLevel !== 'home' && currentLevel !== id ? '-ml-8' : '',
currentLevel !== id ? 'opacity-0 invisible absolute' : '',
currentLevel !== id ? 'opacity-0 invisible absolute h-0 overflow-hidden' : '',
].join(' ')}
>
<div className={'w-full flex flex-col gap-0 sticky top-8'}>