Merge pull request #334 from shesha-io/feat/ps/sidebar-clean-up

Feat : clean up sidebar
shesha-io · Jun 23, 2023 · f06b203 · f06b203
2 parents 4436583 + 7eff6fe
commit f06b203
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/shesha-reactjs/src/components/mainLayout/index.tsx b/shesha-reactjs/src/components/mainLayout/index.tsx
@@ -54,7 +54,7 @@ export interface IMainLayoutProps extends IHtmlHeadProps {
   headerControls?: ReactNodeOrFunc;
 }
 
-const DefaultLayout: FC<PropsWithChildren<IMainLayoutProps>> = props => {
+const DefaultLayout: FC<PropsWithChildren<IMainLayoutProps>> = (props) => {
   const {
     title,
     // description,
@@ -132,7 +132,8 @@ const DefaultLayout: FC<PropsWithChildren<IMainLayoutProps>> = props => {
         onCollapse={setCollapsed}
         trigger={<MenuTrigger collapsed={collapsed} />}
         style={{
-          overflow: 'auto',
+          overflowX: 'hidden',
+          scrollbarWidth: 'thin',
           height: '100vh',
           position: 'fixed',
           paddingTop: '48px',
@@ -147,6 +148,7 @@ const DefaultLayout: FC<PropsWithChildren<IMainLayoutProps>> = props => {
           defaultSettings={sidebarDefaults}
         />
       </Sider>
+
       <Layout className="site-layout">
         <Header className="site-layout-background" style={headerStyle}>
           <LayoutHeader collapsed={collapsed} customComponent={customComponent} />

diff --git a/shesha-reactjs/src/components/mainLayout/styles/index.less b/shesha-reactjs/src/components/mainLayout/styles/index.less
@@ -11,6 +11,16 @@
     margin-left: @sha-sider-collapsed-width;
   }
 }
+::-webkit-scrollbar {
+  width: 5px;
+
+
+}
+::-webkit-scrollbar-thumb {
+  background-color: gray;
+  border-radius : 5px;
+}
+
 
 .ant-layout {
   min-height: 100vh;