diff --git a/packages/next/src/form-item/main.scss b/packages/next/src/form-item/main.scss index a87d34d33ae..8aeca92ea90 100644 --- a/packages/next/src/form-item/main.scss +++ b/packages/next/src/form-item/main.scss @@ -79,13 +79,13 @@ } .#{$form-item-cls}-label-align-left { - > .#{$form-item-cls}-label { + >.#{$form-item-cls}-label { justify-content: flex-start; } } .#{$form-item-cls}-label-align-right { - > .#{$form-item-cls}-label { + >.#{$form-item-cls}-label { justify-content: flex-end; } } @@ -150,6 +150,7 @@ .#{$css-prefix}input-control { margin-right: 0; padding-right: 0; + .#{$css-prefix}icon { display: none; } @@ -162,6 +163,15 @@ } } } + + .#{$css-prefix}range { + height: 100%; + padding-left: 2px; + } + .#{$css-prefix}transfer{ + display: flex; + align-items: center; + } } .#{$form-item-cls}-addon-before { @@ -234,7 +244,7 @@ min-height: $form-element-small-height; } - .#{$form-item-cls}-label > label { + .#{$form-item-cls}-label>label { height: $form-element-small-height; } } @@ -283,7 +293,7 @@ min-height: $form-element-large-height; } - .#{$form-item-cls}-label > label { + .#{$form-item-cls}-label>label { height: $form-element-large-height; } } @@ -340,10 +350,10 @@ } .#{$form-item-cls}-fullness { - > .#{$form-item-cls}-control { - > .#{$form-item-cls}-control-content { - > .#{$form-item-cls}-control-content-component { - > *:first-child:not(.#{$css-prefix}switch) { + >.#{$form-item-cls}-control { + >.#{$form-item-cls}-control-content { + >.#{$form-item-cls}-control-content-component { + >*:first-child:not(.#{$css-prefix}switch) { width: 100%; } } @@ -398,4 +408,4 @@ .#{$form-item-cls}-success-help { color: $form-success-color; -} +} \ No newline at end of file