fix 修复部分样式
This commit is contained in:
@@ -43,10 +43,9 @@
|
|||||||
.ant-input,
|
.ant-input,
|
||||||
.ant-input-number,
|
.ant-input-number,
|
||||||
.ant-mentions,
|
.ant-mentions,
|
||||||
.ant-select-selection,
|
.ant-select-selector,
|
||||||
.ant-input-group-addon,
|
.ant-input-group-addon,
|
||||||
.ant-cascader-picker,
|
.ant-cascader-picker {
|
||||||
.ant-cascader-input.ant-input {
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@@ -115,45 +114,26 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ant-form-item-control-wrapper {
|
.ant-form-item-control {
|
||||||
flex: 0 0 61.8%;
|
flex: 0 0 61.8%;
|
||||||
|
|
||||||
width: 61.8%;
|
width: 61.8%;
|
||||||
min-width: 220px;
|
min-width: 220px;
|
||||||
}
|
}
|
||||||
.yo-form--fluid {
|
.yo-form--fluid {
|
||||||
.ant-form-item-control-wrapper {
|
.ant-form-item-control {
|
||||||
flex: 0 0 100%;
|
flex: 0 0 100%;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.yo-form--short {
|
.yo-form--short {
|
||||||
.ant-form-item-control-wrapper {
|
.ant-form-item-control {
|
||||||
flex: 0 0 38.2%;
|
flex: 0 0 38.2%;
|
||||||
|
|
||||||
width: 38.2%;
|
width: 38.2%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ant-form-explain {
|
|
||||||
font-size: @font-size-base - 1px;
|
|
||||||
|
|
||||||
margin-top: @padding-xs;
|
|
||||||
margin-bottom: @padding-xxs;
|
|
||||||
margin-left: -61.8%;
|
|
||||||
|
|
||||||
transition: none;
|
|
||||||
animation: none;
|
|
||||||
text-align: left;
|
|
||||||
|
|
||||||
opacity: 1;
|
|
||||||
color: fade(darken(@primary-color, 38.2%), 61.8%);
|
|
||||||
}
|
|
||||||
.has-error {
|
|
||||||
.ant-form-explain {
|
|
||||||
color: @error-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 上下布局
|
// 上下布局
|
||||||
.yo-form--vertical {
|
.yo-form--vertical {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -305,16 +285,13 @@
|
|||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
||||||
margin-right: @padding-xs;
|
margin-right: @padding-xs;
|
||||||
padding-top: @padding-sm - 2px;
|
|
||||||
|
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ant-form-item-required {
|
.ant-form-item-required {
|
||||||
&::before {
|
&::before {
|
||||||
margin-top: -4px;
|
content: '' !important;
|
||||||
|
|
||||||
content: '';
|
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
||||||
border-top: 4px solid transparent;
|
border-top: 4px solid transparent;
|
||||||
|
|||||||
@@ -3,12 +3,12 @@
|
|||||||
width: 7px;
|
width: 7px;
|
||||||
height: 7px;
|
height: 7px;
|
||||||
|
|
||||||
background-color: lighten(@primary-color, 35%);
|
background-color: fade(@black, 10%);
|
||||||
}
|
}
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: @border-radius-base;
|
border-radius: @border-radius-base;
|
||||||
background-color: fade(@primary-color, 70%);
|
background-color: fade(@black, 30%);
|
||||||
}
|
}
|
||||||
::-webkit-scrollbar-thumb:active {
|
::-webkit-scrollbar-thumb:active {
|
||||||
background-color: @primary-color;
|
background-color: fade(@black, 50%);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -201,11 +201,16 @@
|
|||||||
&:hover {
|
&:hover {
|
||||||
color: @black;
|
color: @black;
|
||||||
}
|
}
|
||||||
|
.ant-tabs-tab-btn {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
&.ant-tabs-tab-active {
|
&.ant-tabs-tab-active {
|
||||||
color: @white;
|
|
||||||
border-color: darken(@primary-color, 10%);
|
border-color: darken(@primary-color, 10%);
|
||||||
background-color: @primary-color;
|
background-color: @primary-color;
|
||||||
.ant-tabs-close-x {
|
.ant-tabs-tab-btn {
|
||||||
|
color: @white;
|
||||||
|
}
|
||||||
|
.ant-tabs-tab-remove {
|
||||||
color: fade(@white, 70%);
|
color: fade(@white, 70%);
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @white;
|
color: @white;
|
||||||
@@ -228,6 +233,18 @@
|
|||||||
}
|
}
|
||||||
+.ant-tabs-tab {
|
+.ant-tabs-tab {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
&::before {
|
||||||
|
position: absolute;
|
||||||
|
left: -.5px;
|
||||||
|
|
||||||
|
width: 1px;
|
||||||
|
height: 24px;
|
||||||
|
|
||||||
|
content: '';
|
||||||
|
transform: scaleX(.5);
|
||||||
|
|
||||||
|
background: linear-gradient(transparent, fade(@black, 30%), transparent);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.ant-dropdown-trigger {
|
.ant-dropdown-trigger {
|
||||||
padding: 0 @padding-md * 2 0 @padding-md;
|
padding: 0 @padding-md * 2 0 @padding-md;
|
||||||
@@ -237,16 +254,21 @@
|
|||||||
padding: 0 @padding-lg 0 @padding-md;
|
padding: 0 @padding-lg 0 @padding-md;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ant-tabs-close-x {
|
.ant-tabs-tab-remove {
|
||||||
|
line-height: 28px;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 9px;
|
top: 0;
|
||||||
right: 9px;
|
right: 0;
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
transition: none;
|
transition: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.ant-tabs-nav-more {
|
||||||
|
padding: 5px @padding-md;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
>.yo-tab-external-mount-content {
|
>.yo-tab-external-mount-content {
|
||||||
|
|||||||
Reference in New Issue
Block a user