.ant-menu-title-content { flex-direction: column; display: flex; // shifayath // align-items: center; // font-size: 12px; } .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title { height: 57px; line-height: 35px; font-size: 12px; font-weight: 600; display: flex; flex-direction: column; // align-items: center; row-gap: 0.5rem; } @media (max-width: 500px) { .sideNaveParent { // width: 16vw; position: relative; z-index: 100; } } .sideNaveParent .ant-menu-submenu > .ant-menu-submenu-title { height: 57px; line-height: 35px; font-size: 12px; font-weight: 600; display: flex; flex-direction: column; align-items: center; row-gap: 0.5rem; padding-inline-end: 15px; } .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title:hover { font-size: 12px; font-weight: 600; color: var(--PRIMARY_BUTTON_BG_COLOR) !important; } :where(.css-dev-only-do-not-override-2i2tap).ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title { align-items: center; } :where(.css-2i2tap).ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title { align-items: center; } .ant-menu-vertical > .ant-menu-item { // line-height: 35px; line-height: 30px; font-size: 12px; font-weight: 600; // height: 70px; // height: 57px; height: 50px; width: 100%; display: flex; flex-direction: column; align-items: center; row-gap: 0.5rem; margin-inline: 0px; margin-block: 0px; } .ant-menu-vertical > .ant-menu-item:hover { font-size: 12px; font-weight: 700; color: var(--PRIMARY_BUTTON_BG_COLOR) !important; } .ant-menu-light .ant-menu-submenu-selected > .ant-menu-submenu-title, .ant-menu-light > .ant-menu .ant-menu-submenu-selected > .ant-menu-submenu-title { color: var(--PRIMARY_BUTTON_BG_COLOR) !important; } .ant-menu-light .ant-menu-item-selected, .ant-menu-light > .ant-menu .ant-menu-item-selected { color: var(--PRIMARY_BUTTON_BG_COLOR) !important; } .ant-menu-light .ant-menu-item-selected, .ant-menu-light > .ant-menu .ant-menu-item-selected { color: var(--PRIMARY_BUTTON_BG_COLOR) !important; } .ant-menu-light .ant-menu-item-selected, .ant-menu-light > .ant-menu .ant-menu-item-selected { background-color: #f4eaf2; } .ant-menu .ant-menu-item .ant-menu-item-icon svg { font-size: 25px; } .sideNaveParent .ant-menu .ant-menu-submenu-arrow { top: 40%; } .ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg { font-size: 25px; // align-items: center; } .ant-menu .ant-menu-item .ant-menu-item-icon + span { margin-inline-start: 0px; } .ant-menu-light, .ant-menu-light > .ant-menu { color: rgba(92, 92, 92, 0.88); background: none; padding: 2px; top: 1rem; justify-content: center; } .menuLogos { fill: #ff4d4f; background: #ff4d4f; } .ant-menu-submenu { // max-height: 60vh !important; // june 26 max-height: 56vh !important; overflow: auto !important; } .sideMenuantd { width: 9vw !important; height: 100%; padding: 0px; padding-inline: 0px; padding-inline-end: 0px; padding-left: 0px; } .sideMenuantd2 { width: 5vw !important; height: 100%; padding: 0px; padding-inline: 0px; padding-inline-end: 0px; padding-left: 0px; } .sidebarlogo { // margin-bottom: 1rem; font-weight: 600; } @media screen and (max-width: 768px) { .sideMenuantd { width: 25vw !important; height: 100%; padding: 0px; padding-inline: 0px; padding-inline-end: 0px; padding-left: 0px; } .sideMenuantd2 { width: 10vw !important; // width: 5rem !important; height: 100%; padding: 0px; padding-inline: 0px; padding-inline-end: 0px; padding-left: 0px; } .sidebarlogo { transform: rotate(-90deg); } } @media screen and (max-width: 499px) { .sideMenuantd2 { width: 3rem !important; // width: 5rem !important; height: 100%; padding: 0px; padding-inline: 0px; padding-inline-end: 0px; padding-left: 0px; } }