@grc/business/components/styles/variables.less

更新sider选项 : forceSubMenuRender

/**
 * @file 主题变量
 * 在这里覆盖antd变量和自定义主题变量
 * @author david wang
 * antd 变量可以在此查看 https://github.com/ant-design/ant-design/blob/3.22.2/components/style/themes/default.less
 */
 @import "~@grc/base/components/styles/variables.less";

 // 基础组件前缀
 @grc-prefix: grc;
 // 业务组件前缀
 @gbc-prefix: gbc;
 @ant-prefix: @grc-prefix;

 // gbc基础颜色-一般与logo同色
 @gbc-primary-color: #1890FF;

 //--- override anted start
 @primary-color: @gbc-primary-color;
 @error-color: #ff0000;

 // Base Scaffolding Variables
 @body-background: #FAFAFA;
 @text-color: rgba(0,0,0,0.65);
 @font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
 'Segoe UI Emoji', 'Segoe UI Symbol';

 @iconfont-css-prefix: anticon;
 
 @font-size-base: 14px;
 @font-size-lg: @font-size-base + 2px;
 @font-size-sm: 12px;
                               
 @border-color-base: rgba(0,0,0,0.15);
 @border-radius-base: 4px;

 // Avatar
 @avatar-size-base: 36px;
 @avatar-size-lg: 40px;
 @avatar-size-sm: 24px;
 @avatar-bg: #D8D8D8;

 // Layout
 @layout-body-background: @body-background;

 // Form
 @label-color: rgba(0, 0, 0, 0.85);
 
 //--- override anted end

 //--- component start

 // ---layout start

 // header
 @gbc-header-bg: #FFFFFF;
 @gbc-header-box-shadow: 0 1px 4px 0 rgba(0,21,41,0.12);
 @gbc-header-height: 76px;
 @gbc-header-padding-verticle: 0;
 @gbc-header-padding-horizontal: 20px;
 @gbc-header-control-item-margin: 50px;
 @gbc-header-logout-icon-size: 20px;

 // sider
 @gbc-sider-bg: #001529;
 @gbc-sider-height: 100vh;
 @gbc-sider-min-width: 180px;
 @gbc-sider-max-width: 256px;
 @gbc-sider-box-shadow: 2px 0px 6px 0px 
 rgba(0, 21, 41, 0.35);

 @gbc-sider-header-bg: #002140;
 @gbc-sider-header-height: @gbc-header-height;

 // content
 @gbc-content-bg: @body-background;

 @gbc-content-header-height: 5vh;
 @gbc-content-header-bg: @gbc-content-bg;
 @gbc-content-header-margin-top: 4px;
 @gbc-content-header-padding-verticle: 0;
 @gbc-content-header-padding-horizontal: @gbc-header-padding-horizontal;

 @gbc-content-title-color: rgba(0, 0, 0, 0.85);
 @gbc-content-title-font-size: 20px;

 @gbc-content-main-bg: @gbc-content-bg;
 @gbc-content-main-height: 88vh;
 @gbc-content-main-padding-verticle: 3vh;
 @gbc-content-main-padding-horizontal: 24px;
 @gbc-content-main-inner-padding-verticle: 2vh;
 @gbc-content-main-inner-padding-horizontal: 32px;
 
 // footer
 @gbc-footer-color: @text-color;
 @gbc-footer-font-size: @font-size-base;

 // ---layout end

 // pagination
 @gbc-pagination-align: right;
 @gbc-pagination-margin-top: 20px;

 // table
 @gbc-table-empty-color: @text-color;
 @gbc-table-empty-margin-horizontal: 0px;
 @gbc-table-empty-margin-verticle: 30px;
 @gbc-table-empty-image-height: 100px;
 @gbc-table-empty-image-width: 100px;
 
 // 文件导入
 @gbc-import-font-size: @font-size-base;
 @gbc-import-color: #333333;

 @gbc-import-upload-bg: @body-background;
 @gbc-import-upload-height: 195px;
 @gbc-import-upload-icon-size: 48px;
 @gbc-import-upload-icon-color: #1890ff;

 @gbc-import-modal-padding-top: 40px;
 @gbc-import-modal-padding-bottom: 25px;

 @gbc-import-result-color: rgba(0,0,0,0.85);
 @gbc-import-result-icon-font-size: 70px;
 @gbc-import-result-title-font-size: 22px;
 @gbc-import-result-title-margin: 20px 0 0 0;
 @gbc-import-result-tip-color: rgba(0,0,0,0.45);
 @gbc-import-result-tip-margin: 15px 0 0 0;
 @gbc-import-result-footer-height: 44px;
 @gbc-import-result-footer-margin: 20px 0 0 0;
 @gbc-import-result-footer-bg: #FAFAFA;
 @gbc-import-result-footer-padding: 0 14px;
 
 @gbc-import-table-header-bg: rgba(0,0,0,0.08);
 @gbc-import-table-tbody-even-bg: rgba(0,0,0,0.04);
 @gbc-import-table-ceil-padding-verticle: 5px;
 @gbc-import-table-ceil-padding-horizontal: 5px;

 @gbc-import-fail-color: @error-color;
 @gbc-import-success-color: #1de466;