@import '~theme/index.less'; .left_sider_wrapper { -webkit-app-region: no-drag; user-select: none; border-color: transparent; font-size: 15px; font-family: @__Global_texted_font; font-weight: 600; width: 65%; height: 100%; z-index: 40; float: left; position: relative; background-color: transparent; backdrop-filter: blur(2px); :global { .ant-layout-sider { background-color: transparent; float: right; .ant-menu { font-weight: 700; color: unset; vertical-align: middle; // margin: 0 0 0 5px; // border-right: 0!important; } } } } .left_sider_header { cursor: pointer; margin: 15px 0 0 22px; -webkit-user-drag: none; .logotype{ -webkit-app-region: no-drag; max-height: 70px; height: 35px; } &.emb{ margin: 5px 0 0 22px; } &.logged{ } } .left_sider_footer { margin: 0 0 12px; :global { text-align: center; bottom: 0; position: absolute; width: 100%; .anticon{ font-size: 15px!important; } .ant-menu-item{ height: 35px!important; margin-bottom: 0!important; line-height: 30px; } } } .left_sider_container { border-right: transparent; height: 100%; z-index: 50; } .left_sider_menuContainer { height: 100%; margin: 18px 0 8px; :global { .ant-layout-sider-children { display: flex; flex-direction: column; justify-content: space-between; } .ant-menu-item { -webkit-app-region: no-drag; transition: @transition-ease-inout; border-radius: 4px 8px 8px 4px; padding: 2px 0 2px 24px; border-right: 0!important; text-align: left; } .ant-menu-item:hover { border-radius: 8px; transform: translate(10px,0); // background: linear-gradient(49deg, rgba(255,255,255,1) 32%, rgba(255, 255, 255, 0) 100%); backdrop-filter: blur(2px); // border-left: 10px @app_accent_gradient solid; box-shadow: -2px 2px 1px 0 rgba(51, 51, 51, 0.13); color: rgb(102, 102, 102); } .ant-menu-item-selected { background-color: unset; // background: linear-gradient(90deg, rgb(255, 230, 0) 2%, rgba(255,255,255,0.5) 10%); } .anticon { font-size: @left_sider_sizeIcons; } .ant-layout-sider-collapsed, .ant-menu-inline-collapsed { .ant-menu-item { > span{ visibility: hidden; } } .ant-menu-item:hover { box-shadow: unset; } } .ant-menu-item a { color: @AppTheme_global_color; } } } .left_sider_menuItems { background-color: transparent; margin-bottom: 8px; //width: 100%; font-weight: 500; animation: fadein 0.5s; }