thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

chore: profile setting scroll fix and scrollbar added in activity section (#3929)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-03-11 21:09:41 +05:30 committed by GitHub
parent b2146098e2
commit 8c9d328c24
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/layouts/settings-layout/profile/layout.tsx
View File

@ -21,7 +21,7 @@ export const ProfileSettingsLayout: FC<IProfileSettingsLayout> = (props) => {
<ProfileLayoutSidebar /> <ProfileLayoutSidebar />
<main className="relative flex h-full w-full flex-col overflow-hidden bg-custom-background-100"> <main className="relative flex h-full w-full flex-col overflow-hidden bg-custom-background-100">
{header} {header}
<div className="h-full w-full overflow-x-hidden overflow-y-scroll">{children}</div> <div className="h-full w-full overflow-hidden">{children}</div>
</main> </main>
</div> </div>
</UserAuthWrapper> </UserAuthWrapper>

4
web/layouts/settings-layout/profile/preferences/layout.tsx
View File

@ -73,9 +73,7 @@ export const ProfilePreferenceSettingsLayout: FC<IProfilePreferenceSettingsLayou
<ProfilePreferenceSettingsSidebar /> <ProfilePreferenceSettingsSidebar />
<main className="relative flex h-full w-full flex-col overflow-hidden bg-custom-background-100"> <main className="relative flex h-full w-full flex-col overflow-hidden bg-custom-background-100">
{header} {header}
<div className="h-full w-full overflow-x-hidden overflow-y-scroll vertical-scrollbar scrollbar-md"> <div className="h-full w-full overflow-hidden">{children}</div>
{children}
</div>
</main> </main>
</div> </div>
</ProfileSettingsLayout> </ProfileSettingsLayout>

2
web/pages/profile/activity.tsx
View File

@ -49,7 +49,7 @@ const ProfileActivityPage: NextPageWithLayout = observer(() => {
<SidebarHamburgerToggle onClick={() => themeStore.toggleSidebar()} /> <SidebarHamburgerToggle onClick={() => themeStore.toggleSidebar()} />
<h3 className="text-xl font-medium">Activity</h3> <h3 className="text-xl font-medium">Activity</h3>
</div> </div>
<div className="h-full flex flex-col overflow-y-auto"> <div className="h-full flex flex-col overflow-y-auto vertical-scrollbar scrollbar-md">
{activityPages} {activityPages}
{pageCount < totalPages && resultsCount !== 0 && ( {pageCount < totalPages && resultsCount !== 0 && (
<div className="flex items-center justify-center text-xs w-full"> <div className="flex items-center justify-center text-xs w-full">

2
web/pages/profile/preferences/email.tsx
View File

@ -28,7 +28,7 @@ const ProfilePreferencesThemePage: NextPageWithLayout = () => {
return ( return (
<> <>
<PageHead title="Profile - Email Preference" /> <PageHead title="Profile - Email Preference" />
<div className="mx-auto mt-8 h-full w-full px-6 lg:px-20 pb-8"> <div className="mx-auto mt-8 h-full w-full px-6 lg:px-20 pb-8 vertical-scrollbar scrollbar-md">
<EmailNotificationForm data={data} /> <EmailNotificationForm data={data} />
</div> </div>
</> </>

2
web/pages/profile/preferences/theme.tsx
View File

@ -54,7 +54,7 @@ const ProfilePreferencesThemePage: NextPageWithLayout = observer(() => {
<> <>
<PageHead title="Profile - Theme Prefrence" /> <PageHead title="Profile - Theme Prefrence" />
{currentUser ? ( {currentUser ? (
<div className="mx-auto mt-10 h-full w-full overflow-y-auto px-6 pb-8 md:mt-14 lg:px-20"> <div className="mx-auto mt-10 h-full w-full overflow-y-auto px-6 pb-8 md:mt-14 lg:px-20 vertical-scrollbar scrollbar-md">
<div className="flex items-center border-b border-custom-border-100 pb-3.5"> <div className="flex items-center border-b border-custom-border-100 pb-3.5">
<h3 className="text-xl font-medium">Preferences</h3> <h3 className="text-xl font-medium">Preferences</h3>
</div> </div>