fix(Input): border should collapse in input group, close #1127

alibaba-fusion · Sep 18, 2019 · ac4e604 · ac4e604
1 parent 7ac35b0
commit ac4e604
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/src/input/main.scss b/src/input/main.scss
@@ -273,6 +273,14 @@
             border-radius: 0 !important;
         }
 
+        > #{$input-prefix} {
+            border-radius: 0;
+            &.#{$css-prefix}focus {
+                position: relative;
+                z-index: 1;
+            }
+        }
+
         > #{$input-prefix}:first-child {
             &.#{$css-prefix}small {
                 border-top-left-radius: $form-element-small-corner !important;
@@ -318,17 +326,35 @@
             border-top-right-radius: 0 !important;
             //TODO: removed in 2.x
             > * {
+                margin-right: -$input-border-width;
                 border-bottom-right-radius: 0 !important;
                 border-top-right-radius: 0 !important;
+                &.#{$css-prefix}focus {
+                    position: relative;
+                    z-index: 1;
+                }
+                > #{$input-prefix} {
+                    border-bottom-right-radius: 0 !important;
+                    border-top-right-radius: 0 !important;
+                }
+                > #{$input-prefix}.#{$css-prefix}focus {
+                    position: relative;
+                    z-index: 1;
+                }
             }
         }
         &:last-child {
             border-bottom-left-radius: 0 !important;
             border-top-left-radius: 0 !important;
             //TODO: removed in 2.x
             > * {
+                margin-left: -$input-border-width;
                 border-bottom-left-radius: 0 !important;
                 border-top-left-radius: 0 !important;
+                > #{$input-prefix} {
+                    border-bottom-left-radius: 0 !important;
+                    border-top-left-radius: 0 !important;
+                }
             }
         }
     }

diff --git a/src/search/main.scss b/src/search/main.scss
@@ -40,6 +40,10 @@
         .#{$css-prefix}select-values {
             line-height: 1;
         }
+
+        .#{$css-prefix}select {
+            margin-right: 0;
+        }
     }
 
     #{$search-prefix}-left-addon + #{$search-prefix}-input .#{$css-prefix}input {