SaaS-lib/lib/saas/theme/global-antd.less

/**
  Ant全局组件样式
 */
.ant-menu-submenu-popup {
  .ant-menu-title-content a {
    margin-left: 0 !important;
  }
  .ant-menu-submenu-title .anticon + span {
    margin-left: 0 !important;
  }
  .ant-menu-submenu {
    height: 40px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    // display: flex;
    // align-items: center;
  }
  .ant-menu-submenu-title .ant-menu-title-content .anticon {
    margin-left: 0 !important;
    margin-right: 6px;
  }
  li {
    display: flex;
    align-items: center;
  }
}

//侧边栏收缩单个菜单样式
.ant-menu-inline-collapsed-tooltip {
  .ant-tooltip-inner,
  .ant-tooltip-arrow-content {
    background-color: @white;
    a {
      color: @black !important;
    }
  }
}

#app .ant-layout-has-sider .ant-menu-vertical .ant-menu-item,
#app .ant-menu-vertical-left .ant-menu-item,
#app.ant-menu-vertical-right .ant-menu-item,
#app .ant-menu-inline .ant-menu-item,
#app .ant-menu-vertical .ant-menu-submenu-title,
#app .ant-menu-vertical-left .ant-menu-submenu-title,
#app .ant-menu-vertical-right .ant-menu-submenu-title,
#app .ant-menu-inline .ant-menu-submenu-title {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  // height: 50px !important;
}

.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 0 !important;
}
.ant-menu-submenu .ant-menu-sub {
  min-width: 0 !important;
}
.ant-layout-sider-children {
  padding-bottom: 40px;
}

////头部被选中高度
//.ant-menu-item-selected {
//  height: @layout-header-height;
//}
//
//.ant-menu-item {
//  line-height: @layout-header-height;
//}
//
//// .ant-layout {
////   min-height: auto;
//// }
//
//.ant-menu-inline {
//  border-right: none;
//}
//
//.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
//.ant-menu-inline > .ant-menu-item {
//  height: 48px;
//  line-height: 48px;
//}
//
//.ant-layout-sider-children {
//  color: @text-color !important;
//  width: @layout-sider-width;
//  line-height: 48px;
//  background: #fff;
//  box-shadow: 2px 0 6px rgb(0 0 0 / 5%);
//}
//
//.ant-menu-inline .ant-menu-item {
//  border: 0 !important;
//  margin: 0 !important;
//  background-color: @white;
//}
//
////侧边导航
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected::before {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  // background-color:red;
  opacity: 0.1;
}
//
// .ant-menu-item:not(.ant-menu-item-selected) a:hover {
//  color: @text-color;
// }
//
// .ant-menu-item::after {
//  z-index: 2;
// }
//
//.ant-menu-light .ant-menu-submenu:not(.ant-menu-submenu-selected) .ant-menu-submenu-title:hover {
//  color: @text-color;
//}
//
// .ant-layout-sider {
//  max-width: @layout-sider-width !important;
//  min-width: @layout-sider-width !important;
//  width: @layout-sider-width !important;
// }

// .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
//  color: @layout-sider-arrow-color;
// }

.ant-menu-submenu-arrow {
  color: @layout-sider-arrow-color;
}
//
//

// //btn
// .ant-btn:hover {
//   border-color: @border-color-base;
// }

//
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  // color: #fff !important;
  // color: #fff ;
}

//禁用时鼠标光标
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  cursor: default;
}

.ant-input[disabled]:hover {
  cursor: default;
}

.ant-input[disabled] {
  cursor: default;
}

.ant-btn {
  box-shadow: none !important;
}

.ant-input-affix-wrapper-focused {
  box-shadow: none !important;
}

//.ant-table-pagination.ant-pagination {
//  margin: 16px 0 16px 32px;
//}

//弹框
.ant-modal-body {
  overflow-y: auto;
  max-height: 550px;
}

//校验时的alert提示
//.ant-form-item-explain.ant-form-item-explain-error {
//  min-width: 250px;
//}
//
//// ant-row ant-form-item ant-form-item-has-error ant-form-item-with-help
//.ant-form-item-has-error,
//.ant-form-item-with-help {
//  margin-bottom: 0;
//}

//.ant-pagination {
//  margin-right: 15px !important;
//}

//日期选择不沾满修正
.ant-calendar-picker {
  display: inline-flex;
  width: 100%;

  > div {
    display: inline-flex;
    width: 100%;
  }
}

//.ant-btn[disabled],
//.ant-btn[disabled]:hover {
//  border: 1px solid transparent;
//}

//.ant-form-item-control-input-content {
//  .ant-picker {
//    width: 270px;
//    height: 32px;
//  }
//}
//
//.ant-picker:hover {
//  border: 1px solid #a5a5b5;
//}
//
//.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
//  height: 32px;
//}

//.ant-btn :hover {
//  border: 0;
//}

//.ant-btn-primary:not(.ant-btn-background-ghost):not([disabled]) {
//  color: @white;
//}
//
.ant-form-item-control-input-content {
  .ant-picker {
    width: 100%;
  }
}

//.ant-picker:hover {
//  border: 1px solid #a5a5b5;
//}
//
//.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
//  height: 32px;
//}

// 表格选择列固定宽度
//.ns-table .ant-table table tr th:first-child:not(.ant-table-selection-column),
//.ns-table .ant-table table tr td:first-child:not(.ant-table-selection-column) {
//  padding-left: 24px;
//}
//
//.ns-table .ant-table table tr th:last-child:not(.ant-table-selection-column),
//.ns-table .ant-table table tr td:last-child:not(.ant-table-selection-column) {
//  padding-left: 12px;
//}

//
//.ant-tabs-nav-list {
//  margin-left: 20px;
//}
//
//.ant-tabs-nav {
//  margin-bottom: 0;
//}

.ant-empty-description {
  color: rgba(0, 0, 0, 0.3);
  margin-bottom: 0;
}

// 表头加粗
.ant-table-thead > tr > th {
  font-weight: bold;
}

//表头不换行
.ant-table-thead > tr > th {
  word-break: keep-all;
  white-space: nowrap;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  background-size: cover;
}