refactor(base-suffix): disabled arrow color

This commit is contained in:
07akioni 2020-08-01 00:04:19 +08:00
parent 7f3d1dcf55
commit 9295ae1269
3 changed files with 25 additions and 14 deletions

View File

@ -37,13 +37,13 @@ export default c([
return [
cTB('base-suffix', {
raw: `
user-select: none;
display: inline-block;
position: relative;
height: 12px;
width: 12px;
vertical-align: bottom;
`
user-select: none;
display: inline-block;
position: relative;
height: 12px;
width: 12px;
vertical-align: bottom;
`
}, [
fadeInScaleUpTransition(),
cB('base-suffix-spin', {
@ -123,7 +123,12 @@ export default c([
]),
cM('disabled', {
cursor: 'not-allowed'
})
}, [
c('&::after', {
borderLeft: `1px solid ${pallete.disabledArrowColor}`,
borderBottom: `1px solid ${pallete.disabledArrowColor}`
})
])
])
]),
styleInsideFormItem('warning', props.$local.warning),

View File

@ -11,7 +11,8 @@ export default create({
activeCrossColor: derived.primaryActiveColor,
arrowColor: derived.quaternaryTextOverlayColor,
hoverArrowColor: derived.primaryHoverColor,
activeArrowColor: derived.primaryHoverColor
activeArrowColor: derived.primaryHoverColor,
disabledArrowColor: derived.quinaryTextOverlayColor
},
warning: {
crossColor: derived.warningColor,
@ -19,7 +20,8 @@ export default create({
activeCrossColor: derived.warningActiveColor,
arrowColor: derived.warningColor,
hoverArrowColor: derived.warningHoverColor,
activeArrowColor: derived.warningHoverColor
activeArrowColor: derived.warningHoverColor,
disabledArrowColor: derived.quinaryTextOverlayColor
},
error: {
crossColor: derived.errorColor,
@ -27,7 +29,8 @@ export default create({
activeCrossColor: derived.errorActiveColor,
arrowColor: derived.errorColor,
hoverArrowColor: derived.errorHoverColor,
activeArrowColor: derived.errorHoverColor
activeArrowColor: derived.errorHoverColor,
disabledArrowColor: derived.quinaryTextOverlayColor
}
}
}

View File

@ -11,7 +11,8 @@ export default create({
activeCrossColor: derived.primaryActiveColor,
arrowColor: derived.quaternaryTextOverlayColor,
hoverArrowColor: derived.primaryHoverColor,
activeArrowColor: derived.primaryHoverColor
activeArrowColor: derived.primaryHoverColor,
disabledArrowColor: derived.quinaryTextColor
},
warning: {
crossColor: derived.warningColor,
@ -19,7 +20,8 @@ export default create({
activeCrossColor: derived.warningActiveColor,
arrowColor: derived.warningColor,
hoverArrowColor: derived.warningHoverColor,
activeArrowColor: derived.warningHoverColor
activeArrowColor: derived.warningHoverColor,
disabledArrowColor: derived.quinaryTextColor
},
error: {
crossColor: derived.errorColor,
@ -27,7 +29,8 @@ export default create({
activeCrossColor: derived.errorActiveColor,
arrowColor: derived.errorColor,
hoverArrowColor: derived.errorHoverColor,
activeArrowColor: derived.errorHoverColor
activeArrowColor: derived.errorHoverColor,
disabledArrowColor: derived.quinaryTextColor
}
}
}