element-plus 2.3.0 → 2.3.1

package/theme-chalk/src/input.scss

@@ -114,7 +114,7 @@
 
   @include when(exceed) {
     .#{$namespace}-textarea__inner {
-      border-color: getCssVar('color-danger');
+      @include mixed-input-border(#{getCssVar('color-danger')});
     }
 
     .#{$namespace}-input__count {

package/theme-chalk/src/message-box.scss

@@ -23,6 +23,8 @@
   text-align: left;
   overflow: hidden;
   backface-visibility: hidden;
+  // To avoid small screen overflowing, see #11919
+  box-sizing: border-box;
 
   &:focus {
     outline: none !important;
@@ -236,6 +238,7 @@
     transform: translate3d(0, -20px, 0);
     opacity: 0;
   }
+
   100% {
     transform: translate3d(0, 0, 0);
     opacity: 1;
@@ -247,6 +250,7 @@
     transform: translate3d(0, 0, 0);
     opacity: 1;
   }
+
   100% {
     transform: translate3d(0, -20px, 0);
     opacity: 0;

package/theme-chalk/src/mixins/mixins.scss

@@ -54,7 +54,7 @@
 
 // BEM
 @mixin b($block) {
-  $B: $namespace + '-' + $block !global;
+  $B: $namespace + $common-separator + $block !global;
 
   .#{$B} {
     @content;

package/theme-chalk/src/select-v2.scss

@@ -278,6 +278,7 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
+    width: 100%;
   }
 
   @include e(input-calculator) {

package/theme-chalk/src/select.scss

@@ -175,6 +175,13 @@
     height: 28px;
     background-color: transparent;
 
+    &--iOS {
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: 6;
+    }
+
     @include when(small) {
       height: 14px;
     }