generated from dwd/boilarplate-remix-tailwind-antd
icon issue
This commit is contained in:
55
public/assets/ss.css
Normal file
55
public/assets/ss.css
Normal file
@@ -0,0 +1,55 @@
|
||||
|
||||
.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 */
|
||||
}
|
||||
Reference in New Issue
Block a user