sidemenu hover its expanding and minimizing
In Metronic tailwind demo1 project where is the option that controls on sidemenu hover its expanding and minimizing
Replies (4)
Hi,
In "typescript/vite/src/layouts/demo1/Demo1LayoutConfig.ts" just disable collapse prop.
if you need to keep the collapse feature and disable the hover effect you just need to disable "handleMouseEnter" and "handleMouseLeave" in "typescript/vite/src/layouts/demo1/sidebar/Sidebar.tsx"
Regards,
Sean
Hi,
You can check the Layout Provider config:
"typescript/vite/src/layouts/demo1/Demo1LayoutConfig.ts".
Here you can check how toggle is handled:
"typescript/vite/src/layouts/demo1/sidebar/SidebarToggle.tsx"
Regards,
Sean
In previous bootstrap version we use to have this sidebar: {
componentName: 'sidebar',
display: true,
default: {
class: 'flex-column',
push: {
header: true,
toolbar: true,
footer: true,
},
drawer: {
enabled: true,
attributes: {
'data-kt-drawer': 'true',
'data-kt-drawer-name': 'app-sidebar',
'data-kt-drawer-activate': '{default: true, lg: false}',
'data-kt-drawer-overlay': 'true',
'data-kt-drawer-width': '225px',
'data-kt-drawer-direction': 'start',
'data-kt-drawer-toggle': '#kt_app_sidebar_mobile_toggle',
},
},
fixed: {
desktop: true,
},
minimize: {
desktop: {
enabled: true,
default: true,
hoverable: true,
},
},
menu: {
iconType: 'svg',
},
},
}, minimize option but in tailwind its not there, how can i solve this issue?
