修复 combo 样式问题

This commit is contained in:
2betop 2020-06-09 17:52:15 +08:00
parent 40154cdd48
commit eaa0fce092
3 changed files with 16 additions and 5 deletions

View File

@ -289,6 +289,18 @@
text-decoration: underline; text-decoration: underline;
} }
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.box-shadow { .box-shadow {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
} }

View File

@ -86,7 +86,6 @@
svg { svg {
width: px2rem(16px); width: px2rem(16px);
height: px2rem(16px); height: px2rem(16px);
top: $Combo--horizontal-dragger-top;
} }
} }
@ -132,7 +131,7 @@
} }
.#{$ns}Combo-itemDrager { .#{$ns}Combo-itemDrager {
padding: 0 px2rem(6px) 0 0; padding: $Combo--horizontal-dragger-top px2rem(6px) 0 0;
} }
} }
@ -223,7 +222,7 @@
> .#{$ns}Combo-items > .#{$ns}Combo-item > .#{$ns}Combo-itemDrager { > .#{$ns}Combo-items > .#{$ns}Combo-item > .#{$ns}Combo-itemDrager {
position: absolute; position: absolute;
top: 0; top: $Combo--horizontal-dragger-top;
left: px2rem(-30px); left: px2rem(-30px);
} }

View File

@ -828,7 +828,7 @@ export default class ComboControl extends React.Component<ComboProps> {
{deleteIcon ? ( {deleteIcon ? (
<i className={deleteIcon} /> <i className={deleteIcon} />
) : ( ) : (
<Icon icon="close" /> <Icon icon="close" className="icon" />
)} )}
</a> </a>
); );
@ -1015,7 +1015,7 @@ export default class ComboControl extends React.Component<ComboProps> {
{deleteIcon ? ( {deleteIcon ? (
<i className={deleteIcon} /> <i className={deleteIcon} />
) : ( ) : (
<Icon icon="close" /> <Icon icon="close" className="icon" />
)} )}
</a> </a>
); );