You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
249 lines
4.6 KiB
249 lines
4.6 KiB
|
|
|
|
//头部被选中高度
|
|
.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;
|
|
//}
|
|
|