[WEB-4468] fix: setting sidebar truncate #7403

This commit is contained in:
Anmol Singh Bhatia 2025-07-14 16:26:04 +05:30 committed by GitHub
parent db2f783d33
commit 47354f0e91
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,6 +1,5 @@
import { observer } from "mobx-react";
import { useTranslation } from "@plane/i18n";
import { ScrollArea } from "@plane/ui";
import { cn } from "@plane/utils";
import { SettingsSidebarHeader } from "./header";
import SettingsSidebarNavItem, { TSettingItem } from "./nav-item";
@ -46,10 +45,7 @@ export const SettingsSidebar = observer((props: SettingsSidebarProps) => {
{/* Header */}
<SettingsSidebarHeader customHeader={customHeader} />
{/* Navigation */}
<ScrollArea
className="divide-y divide-custom-border-100 overflow-x-hidden w-full h-full overflow-y-scroll"
type="hover"
>
<div className="divide-y divide-custom-border-100 overflow-x-hidden w-full h-full overflow-y-scroll vertical-scrollbar scrollbar-sm">
{categories.map((category) => {
if (groupedSettings[category].length === 0) return null;
return (
@ -74,7 +70,7 @@ export const SettingsSidebar = observer((props: SettingsSidebarProps) => {
</div>
);
})}
</ScrollArea>
</div>
</div>
);
});