generated from dwd/boilarplate-remix-tailwind-antd
56 lines
2.0 KiB
CSS
56 lines
2.0 KiB
CSS
|
|
.ant-menu-item-selected {
|
|
/* background-color: #ED9545 !important; */
|
|
border-left: 1px solid #CFCFCF ;
|
|
}
|
|
|
|
|
|
/* App.css */
|
|
.custom-menu .ant-menu-item {
|
|
border-bottom: 1px solid #CFCFCF; /* Default border color */
|
|
border-radius: 0; /* Remove border-radius */
|
|
}
|
|
|
|
.custom-menu .ant-menu-item-selected {
|
|
border-bottom: 1px solid #CFCFCF; /* Selected border color */
|
|
}
|
|
|
|
/* Specific styling for parent menu items (non-selected) */
|
|
.custom-menu .ant-menu-submenu-title {
|
|
border-bottom: 1px solid #CFCFCF; /* Default border color for parent items */
|
|
border-radius: 0; /* Remove border-radius for parent items */
|
|
font-size: 20px;
|
|
color: #000;
|
|
font-weight: 700;
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
--icon-color: #000; /* Default icon color */
|
|
}
|
|
|
|
/* Specific styling for selected parent menu items */
|
|
.custom-menu .ant-menu-submenu-selected .ant-menu-submenu-title,
|
|
.custom-menu .ant-menu-submenu-title.ant-menu-submenu-title-selected,
|
|
.custom-menu .ant-menu-submenu-title .ant-menu-submenu-open {
|
|
color: #ED9545; /* Selected text color for parent items */
|
|
border-bottom: 1px solid #CFCFCF; /* Selected border color for parent items */
|
|
--icon-color: #ED9545; /* Selected icon color */
|
|
}
|
|
|
|
.custom-menu .ant-menu-submenu-title:hover {
|
|
color: #6E6E6E; /* Hover text color for parent items */
|
|
border-bottom: 1px solid #CFCFCF; /* Hover border color for parent items */
|
|
}
|
|
|
|
/* Ensure parent item remains #ED9545 when any child is selected */
|
|
.custom-menu .ant-menu-submenu-open > .ant-menu-submenu-title {
|
|
color: #ED9545; /* Ensure parent item text color */
|
|
border-bottom: 1px solid #CFCFCF; /* Ensure parent item border color */
|
|
--icon-color: #ED9545; /* Ensure parent item icon color */
|
|
}
|
|
|
|
/* Ensure parent item text color reverts to #000 when submenu is collapsed */
|
|
.custom-menu .ant-menu-submenu-closed > .ant-menu-submenu-title {
|
|
color: #000; /* Ensure parent item text color */
|
|
--icon-color: #000; /* Ensure parent item icon color */
|
|
}
|