generator-hcy-system/generators/app/templates/src/overrides.less

hcy system layout and pages

.ant-pro-card .ant-pro-card-body {
    min-height: calc(100vh - 263px);
    // overflow-y: auto;
}

// dark theme

.ant-menu .ant-menu-item,
.ant-menu .ant-menu-submenu,
.ant-menu .ant-menu-submenu-title {
    border-radius: 0;
}

// K8S theme


.ant-pro-layout .ant-pro-sider .ant-layout-sider-children {
    padding-inline: 0;
    background: url('../public/layout/menu.png') no-repeat top center;
    background-size: 100% 100%;
}

.ant-menu {
    padding-top: 8px;

    .ant-menu-inline .ant-menu-sub.ant-menu-inline {
        background: transparent;
    }

    .ant-menu-item,
    .ant-menu-submenu{
        // height: 50px;
      
        width: 100%;
    }

    .ant-menu-submenu-title:hover{
        animation: none;
    }
}


.ant-pro-base-menu-vertical-collapsed .ant-menu-submenu-selected>.ant-menu-submenu-title {
    // height: 50px;
    width: 100%;
}



.ant-pro-base-menu-inline .ant-pro-base-menu-inline-submenu-has-icon>.ant-menu-sub {
    padding-inline-start: 0;
}



.ant-menu-light .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-selected .ant-menu-submenu-title {
    color: #fff
}

.ant-menu-submenu-selected.ant-pro-base-menu-vertical-submenu.ant-pro-base-menu-vertical-submenu-has-icon .ant-pro-base-menu-vertical-item-title-collapsed-level-0{
    padding-left: 0;
}

.ant-pro-base-menu-vertical-submenu.ant-pro-base-menu-vertical-submenu-has-icon .ant-pro-base-menu-vertical-item-title-collapsed-level-0{
  padding-left: 8px;
}

.ant-menu-item-selected.ant-menu-item-only-child .ant-pro-base-menu-vertical-item-title-collapsed-level-0 {
   margin-left: -8px;
}

.ant-pro-base-menu-vertical-collapsed .ant-menu-submenu-selected>.ant-menu-submenu-title ,
.ant-menu-light .ant-menu-submenu-selected .ant-pro-base-menu-vertical-item-title-collapsed-level-0,
.ant-menu-light .ant-menu-item-selected {
    background-color: #fff;
    border-radius: 20px 0 0 20px !important;
    position: relative !important;
    overflow: unset;
    color: #2C4F88!important;
}

.ant-menu-light>.ant-menu .ant-menu-item-selected {
    background-color: #fff;
    // border-radius: 20px 0 0 20px;
    overflow: unset;
    position: relative !important;

}



.ant-menu-light .ant-menu-item-selected::before,
.ant-menu-light .ant-menu-submenu-selected .ant-pro-base-menu-vertical-item-title-collapsed-level-0::before,
.ant-menu-light>.ant-menu .ant-menu-item-selected::before {
    width: 20px;
    height: 60px;
    background-image:
        url('../public/layout/round-top.png'),
        url('../public/layout/round-bottom.png');
    background-position: top left, bottom left;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "" !important;
    position: absolute !important;
    right: 4px;
    top: -10px;
    // transition:  background-image 2s ;

}

.ant-menu-submenu-popup .ant-menu {
    overflow: hidden !important;

    //   
    .ant-menu-item-selected {
        border-radius: 0 !important;
    }

    .ant-menu-item-selected::before {
        background-image: none;

    }
}