@root-entry-name: 'default'; @import (reference) '~antd/es/style/themes/index.less'; html, body, #root { height: 100%; overflow: hidden; } #app { background: transparent!important; .ka-wrapper, .ka-content{ width: 100%; height: 100%; } } * { margin: 0; padding: 0; } @font-face { font-family: 'ZhenyanGB'; src: url("./assets/fonts/ZhenyanGB.ttf"); } @font-face { font-family: 'PangMenZhengDaoBiaoTiTi'; src: url("./assets/fonts/PangMenZhengDaoBiaoTiTi.ttf"); } .colorWeak { filter: invert(80%); } .ant-layout { min-height: 100vh; } canvas { display: block; } body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul, ol { list-style: none; } body a { text-decoration: none; color: inherit; // color: #fff!important; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } @media (max-width: @screen-xs) { .ant-table { width: 100%; overflow-x: auto; &-thead > tr, &-tbody > tr { > th, > td { white-space: pre; > span { display: block; } } } } } // 兼容IE11 @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) { body .ant-design-pro > .ant-layout { min-height: 100vh; } } #root { & :global(.ant-pro-basicLayout-content) { margin: 0 !important; height: 100%; } .subapp-container div[data-qiankun='purehtml'] * { margin: inherit; } .subapp-container, .subapp-container div[data-name='purehtml'], .subapp-container .web4_console_component { height: 100%; } & :global{ .ant-pro-sider-menu { .ant-pro-menu-item { // font-size: 12px; overflow: hidden; text-overflow: ellipsis; } &:not(.ant-menu-inline-collapsed) { .ant-pro-menu-item { width: 80px; } } // width: 80px; .ant-menu-item-only-child { // a { // display: flex; // align-items: center; // } span.ant-pro-menu-item { margin-left: 8px; } } .ant-menu-submenu { div.ant-menu-submenu-title { display: flex; align-items: center; img { margin-right: 8px; } } ul.ant-menu-sub { li { img { width: 14px !important; height: 14px !important; // margin-right: 12px; } .ant-pro-menu-item { padding-left: 0 !important; } } } } .@{ant-prefix}-layout-slider-dark { box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px; transition: all 0.25s ease-in-out 0s; } } .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar { width: 0; height: 0; } .@{ant-prefix}-menu-submenu-popup { .@{ant-prefix}-menu-item { img { width: 14px !important; height: 14px !important; margin-right: 12px; } .@{ant-prefix}-pro-menu-item { padding-left: 0; } } } .@{ant-prefix}-menu-dark { .@{ant-prefix}-menu-submenu-selected { .@{ant-prefix}-menu-item-selected { // background: rgb(39, 49, 80); // border-left: 3px solid rgb(23, 160, 242); } } } .@{ant-prefix}-pro-sider { .@{ant-prefix}-layout-sider-children { ::-webkit-scrollbar-thumb { border-radius: 0; } ::-webkit-scrollbar { width: 0px; height: 0px; } } } .@{ant-prefix}-pro-sider-logo { justify-content: center; } .@{ant-prefix}-layout-sider-collapsed { .@{ant-prefix}-pro-sider-logo { transform: scale(0.7); } .@{ant-prefix}-menu-submenu-vertical { .@{ant-prefix}-menu-submenu-title { display: flex; align-items: center; flex-wrap: wrap; // margin-bottom: 8px; } } .@{ant-prefix}-menu-dark.@{ant-prefix}-menu-dark:not(.@{ant-prefix}-menu-horizontal) { .@{ant-prefix}-menu-item-selected { // border-left: 2px solid #1890ff; // background-color: #273150; } } } // .@{ant-prefix}-pro-global-header-layout-side { // > div { // display: flex; // } // } .@{ant-prefix}-pro-basicLayout-side { .@{ant-prefix}-pro-sider-extra { padding: 0 14px !important; } } .@{ant-prefix}-pro-fixed-header { .@{ant-prefix}-pro-global-header-layout-side { padding: 0 0 0 16px; } } } } body { :global { .@{ant-prefix}-menu-submenu-popup { .@{ant-prefix}-menu-sub { li { a { display: flex; align-items: center; .@{ant-prefix}-pro-menu-item { margin-left: 8px; } } } } } .@{ant-prefix}-message-notice-content { .@{ant-prefix}-message-custom-content { display: flex; align-items: center; } } } //& /deep/ .ant-menu-vertical > .ant-menu-item, //.ant-menu-vertical-left > .ant-menu-item, //.ant-menu-vertical-right > .ant-menu-item, //.ant-menu-inline > .ant-menu-item, //.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, //.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, //.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, //.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { // line-height: 35px!important; // height: 35px!important; //} // //& /deep/ .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) { // bottom: 0px!important; //} :global { // antd默认vertical-align: -0.125em 偏下 .anticon { vertical-align: 0.125em; } .anticon-close { display: inline-block; } } } .panda-pro-components-global-header-index-userWrapper { & /deep/ .@{ant-prefix}-popover-content > .@{ant-prefix}-popover-arrow { border-top-color: #40b3f7 !important; border-left-color: #40b3f7 !important; } } .panda-pro-layouts-user-layout-stationsWrapper { & /deep/ .@{ant-prefix}-popover-content > .@{ant-prefix}-popover-arrow { top: 17px !important; left: 24px !important; } } .panda-pro-layouts-user-layout-city_pane { & /deep/ .@{ant-prefix}-anchor-ink { display: none; .@{ant-prefix}-anchor-link-title { color: #ccc; } } } .panda-pro-layouts-user-layout-cityLetter { /deep/ .@{ant-prefix}-anchor-link-title { color: #ccc; } } //global scrollbar ::-webkit-scrollbar-thumb { border-radius: 0; } ::-webkit-scrollbar { width: 0px; height: 0px; } //left menu