fix(next): fix range and transfer styles in FormItem

alibaba · Aug 13, 2021 · cd9c215 · cd9c215
1 parent 32746f7
commit cd9c215
Showing 1 changed file with 19 additions and 9 deletions.
diff --git 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;
-}
+}