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

//头部被选中高度
.ant-menu-item-selected {
  height: @layout-header-height;
}

.ant-menu-item {
  line-height: @layout-header-height;
}

.ant-layout-content {
  margin: 16px;
  background-color: #fff;
}

.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 rgba(0, 0, 0, 0.05);
}

.ant-menu-inline .ant-menu-item {
  border: 0;
  margin: 0;
  background-color: white;
}

//侧边导航
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #eefefd;
}

.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;
  min-width: @layout-sider-width;
  width: @layout-sider-width;
}

.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;
}

//顶部导航
.ant-menu-dark .ant-menu-item > span > a {
  color: #fff;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item {
  color: #fff;

  :hover,
  :focus,
  :active {
    background: transparent;
  }
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: 0;
}

//
//
////input
//.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-focused):hover {
//  border-color: @input-hover-focus-border-color;
//}
//
////input focus边框
//.ant-input :focus {
//  border-color: @input-hover-focus-border-color;
//  box-shadow: none;
//}
//
//.ant-input-affix-wrapper-focused {
//  border-color: #33dec7;
//  box-shadow: none !important;
//}
//
////日期input hover不改变边框
//.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
//  border-color: @border-color-base;
//}
//
//.ant-input:hover {
//  border-color: @border-color-base;
//}
//
////select
//.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
//  border-color: @input-hover-focus-border-color;
//  border-right-width: 1px !important;
//}
//
//.ant-select-focused {
//  border-color: #33dec7;
//  box-shadow: none !important;
//}
//
//.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input),
//.ant-select-selector {
//  border-color: #33dec7;
//  box-shadow: none !important;
//}
////tags
//#my-tags a:hover {
//  background: #f5f9fb;
//  color: @layout-sider-arrow-color;
//}

// #my-tags li #close{
//     opacity: 1 !important;
// }
//.ant-form-item-control-input {
//  //width: 175% !important;
//}
//
//.ant-input-group-addon {
//  padding: 0;
//  border: 0;
//  border-radius: 0;
//}

//修改用户代理样式
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #323232;
  transition: background-color 5000s ease-out 0.5s;
}
//
////弹框
//.ant-modal-body {
//  overflow-y: auto;
//  // height: 500px;
//  max-height: 550px;
//}
//
////校验时的alert提示
//.ant-form-item-explain.ant-form-item-explain-error {
//  min-width: 250px;
//}
//
//.ant-form-item {
//  margin-bottom: 22px;
//}
//
//// 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 {
  &-link:hover,
  &-link:focus,
  &-link:active {
    border-color: transparent !important;
  }

  &-primary {
    color: @white;
    background-color: @button-primary-color;

    &:hover,
    &:focus {
      color: @white;
      background-color: @button-primary-hover-color;
    }
  }

  &-primary:not(&-background-ghost):not([disabled]) {
    color: @white;
  }

  &[disabled],
  &[disabled]:hover {
    border: 1px solid transparent;
  }
}

//.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
//  height: 28px;
//}

//
.ant-picker {
  padding: 4px 11px !important;
}

//.ant-input-affix-wrapper > input.ant-input{
//  min-height: auto;
//}