binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: settings page scrollbar (#5572)

Browse source
This commit is contained in:
Akshita Goyal 2024-09-10 14:44:32 +05:30 • committed by GitHub
parent ec51e9d8ce
commit ff6c3ce1a0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 12 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

11
web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/settings/layout.tsx
View file

@ -2,7 +2,6 @@
import { FC, ReactNode } from "react"; import { FC, ReactNode } from "react";
// components // components
import { ContentWrapper } from "@plane/ui";
import { AppHeader } from "@/components/core"; import { AppHeader } from "@/components/core";
// local components // local components
import { ProjectSettingHeader } from "./header"; import { ProjectSettingHeader } from "./header";
@ -17,14 +16,16 @@ const ProjectSettingLayout: FC<IProjectSettingLayout> = (props) => {
return ( return (
<> <>
<AppHeader header={<ProjectSettingHeader />} /> <AppHeader header={<ProjectSettingHeader />} />
<ContentWrapper className="flex-row inset-y-0 gap-4"> <div className="inset-y-0 flex flex-row vertical-scrollbar scrollbar-lg h-full w-full overflow-y-auto">
<div className="w-80 flex-shrink-0 overflow-y-hidden sm:hidden hidden md:block lg:block"> <div className="px-page-x !pr-0 py-page-y flex-shrink-0 overflow-y-hidden sm:hidden hidden md:block lg:block">
<ProjectSettingsSidebar /> <ProjectSettingsSidebar />
</div> </div>
<div className="flex flex-col relative w-full overflow-hidden"> <div className="flex flex-col relative w-full overflow-hidden">
<div className="w-full overflow-x-hidden overflow-y-scroll vertical-scrollbar scrollbar-md">{children}</div> <div className="w-full overflow-x-hidden overflow-y-scroll vertical-scrollbar scrollbar-md px-page-x md:px-9 py-page-y">
{children}
</div>
</div> </div>
</ContentWrapper> </div>
</> </>
); );
}; };

11
web/app/[workspaceSlug]/(projects)/settings/layout.tsx
View file

@ -2,7 +2,6 @@
import { ReactNode } from "react"; import { ReactNode } from "react";
// components // components
import { ContentWrapper } from "@plane/ui";
import { AppHeader } from "@/components/core"; import { AppHeader } from "@/components/core";
// local components // local components
import { WorkspaceSettingHeader } from "./header"; import { WorkspaceSettingHeader } from "./header";
@ -20,14 +19,16 @@ export default function WorkspaceSettingLayout(props: IWorkspaceSettingLayout) {
<> <>
<AppHeader header={<WorkspaceSettingHeader />} /> <AppHeader header={<WorkspaceSettingHeader />} />
<MobileWorkspaceSettingsTabs /> <MobileWorkspaceSettingsTabs />
<ContentWrapper className="flex-row inset-y-0 gap-4"> <div className="inset-y-0 flex flex-row vertical-scrollbar scrollbar-lg h-full w-full overflow-y-auto">
<div className="w-80 flex-shrink-0 overflow-y-hidden sm:hidden hidden md:block lg:block"> <div className="px-page-x !pr-0 py-page-y flex-shrink-0 overflow-y-hidden sm:hidden hidden md:block lg:block">
<WorkspaceSettingsSidebar /> <WorkspaceSettingsSidebar />
</div> </div>
<div className="flex flex-col relative w-full overflow-hidden"> <div className="flex flex-col relative w-full overflow-hidden">
<div className="w-full overflow-x-hidden overflow-y-scroll vertical-scrollbar scrollbar-md">{children}</div> <div className="w-full h-full overflow-x-hidden overflow-y-scroll vertical-scrollbar scrollbar-md px-page-x md:px-9 py-page-y">
{children}
</div>
</div> </div>
</ContentWrapper> </div>
</> </>
); );
} }