|
|
@ -16,12 +16,12 @@ |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
|
|
&::before { |
|
|
|
&::before { |
|
|
|
content: ''; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
right: 0; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 5px; |
|
|
|
height: 5px; |
|
|
|
|
|
|
|
content: ""; |
|
|
|
background-color: @primary-color; |
|
|
|
background-color: @primary-color; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -40,19 +40,19 @@ |
|
|
|
|
|
|
|
|
|
|
|
// 选择时 start |
|
|
|
// 选择时 start |
|
|
|
&::before { |
|
|
|
&::before { |
|
|
|
content: ''; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
right: -100%; |
|
|
|
right: -100%; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 5px; |
|
|
|
height: 5px; |
|
|
|
transition: all 0.3s; |
|
|
|
content: ""; |
|
|
|
background-color: @primary-color; |
|
|
|
background-color: @primary-color; |
|
|
|
|
|
|
|
transition: all 0.3s; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
&.active { |
|
|
|
outline-offset: 0; |
|
|
|
|
|
|
|
background-color: @primary-hover-bg-color; |
|
|
|
background-color: @primary-hover-bg-color; |
|
|
|
|
|
|
|
outline-offset: 0; |
|
|
|
|
|
|
|
|
|
|
|
&::before { |
|
|
|
&::before { |
|
|
|
right: 0; |
|
|
|
right: 0; |
|
|
@ -66,18 +66,18 @@ |
|
|
|
word-wrap: break-word; |
|
|
|
word-wrap: break-word; |
|
|
|
|
|
|
|
|
|
|
|
&::before { |
|
|
|
&::before { |
|
|
|
content: ''; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
left: 0; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
|
|
|
|
content: ""; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.ant-form-item { |
|
|
|
.ant-form-item { |
|
|
|
|
|
|
|
padding-bottom: 6px; |
|
|
|
// 修改ant form-item的margin为padding |
|
|
|
// 修改ant form-item的margin为padding |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
padding-bottom: 6px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -86,9 +86,9 @@ |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
right: 5px; |
|
|
|
right: 5px; |
|
|
|
bottom: 2px; |
|
|
|
bottom: 2px; |
|
|
|
|
|
|
|
font-size: 14px; |
|
|
|
// z-index: 999; |
|
|
|
// z-index: 999; |
|
|
|
color: @primary-color; |
|
|
|
color: @primary-color; |
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.copy, |
|
|
|
.copy, |
|
|
@ -97,15 +97,15 @@ |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
width: 30px; |
|
|
|
width: 30px; |
|
|
|
height: 30px; |
|
|
|
height: 30px; |
|
|
|
// z-index: 989; |
|
|
|
|
|
|
|
transition: all 0.3s; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
line-height: 30px; |
|
|
|
line-height: 30px; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
// z-index: 989; |
|
|
|
|
|
|
|
transition: all 0.3s; |
|
|
|
|
|
|
|
|
|
|
|
&.unactivated { |
|
|
|
&.unactivated { |
|
|
|
opacity: 0 !important; |
|
|
|
|
|
|
|
pointer-events: none; |
|
|
|
pointer-events: none; |
|
|
|
|
|
|
|
opacity: 0 !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
&.active { |
|
|
@ -115,8 +115,8 @@ |
|
|
|
|
|
|
|
|
|
|
|
.copy { |
|
|
|
.copy { |
|
|
|
right: 30px; |
|
|
|
right: 30px; |
|
|
|
border-radius: 0 0 0 8px; |
|
|
|
|
|
|
|
background-color: @primary-color; |
|
|
|
background-color: @primary-color; |
|
|
|
|
|
|
|
border-radius: 0 0 0 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.delete { |
|
|
|
.delete { |
|
|
@ -131,17 +131,17 @@ |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
padding: 5px; |
|
|
|
padding: 5px; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
transition: all 0.3s; |
|
|
|
|
|
|
|
background-color: @layout-background-color; |
|
|
|
background-color: @layout-background-color; |
|
|
|
|
|
|
|
transition: all 0.3s; |
|
|
|
|
|
|
|
|
|
|
|
.form-item-box { |
|
|
|
.form-item-box { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
|
|
|
|
.ant-form-item { |
|
|
|
.ant-form-item { |
|
|
|
|
|
|
|
padding-bottom: 15px; |
|
|
|
// 修改ant form-item的margin为padding |
|
|
|
// 修改ant form-item的margin为padding |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
padding-bottom: 15px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -166,19 +166,19 @@ |
|
|
|
|
|
|
|
|
|
|
|
// 选择时 start |
|
|
|
// 选择时 start |
|
|
|
&::before { |
|
|
|
&::before { |
|
|
|
content: ''; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
right: -100%; |
|
|
|
right: -100%; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 5px; |
|
|
|
height: 5px; |
|
|
|
transition: all 0.3s; |
|
|
|
content: ""; |
|
|
|
background: transparent; |
|
|
|
background: transparent; |
|
|
|
|
|
|
|
transition: all 0.3s; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
&.active { |
|
|
|
outline-offset: 0; |
|
|
|
|
|
|
|
background-color: @layout-hover-bg-color; |
|
|
|
background-color: @layout-hover-bg-color; |
|
|
|
|
|
|
|
outline-offset: 0; |
|
|
|
|
|
|
|
|
|
|
|
&::before { |
|
|
|
&::before { |
|
|
|
right: 0; |
|
|
|
right: 0; |
|
|
@ -193,15 +193,15 @@ |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
width: 30px; |
|
|
|
width: 30px; |
|
|
|
height: 30px; |
|
|
|
height: 30px; |
|
|
|
// z-index: 989; |
|
|
|
|
|
|
|
transition: all 0.3s; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
line-height: 30px; |
|
|
|
line-height: 30px; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
// z-index: 989; |
|
|
|
|
|
|
|
transition: all 0.3s; |
|
|
|
|
|
|
|
|
|
|
|
&.unactivated { |
|
|
|
&.unactivated { |
|
|
|
opacity: 0 !important; |
|
|
|
|
|
|
|
pointer-events: none; |
|
|
|
pointer-events: none; |
|
|
|
|
|
|
|
opacity: 0 !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
&.active { |
|
|
@ -211,8 +211,8 @@ |
|
|
|
|
|
|
|
|
|
|
|
> .copy { |
|
|
|
> .copy { |
|
|
|
right: 30px; |
|
|
|
right: 30px; |
|
|
|
border-radius: 0 0 0 8px; |
|
|
|
|
|
|
|
background-color: @layout-color; |
|
|
|
background-color: @layout-color; |
|
|
|
|
|
|
|
border-radius: 0 0 0 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
> .delete { |
|
|
|
> .delete { |
|
|
|