element-plus 2.4.0 → 2.4.2

package/theme-chalk/src/button.scss

@@ -148,6 +148,7 @@ $button-icon-span-gap: map.merge(
     border-radius: getCssVar('border-radius', 'round');
   }
   @include when(circle) {
+    width: map.get($input-height, 'default');
     border-radius: 50%;
     padding: map.get($button-padding-vertical, 'default') - $button-border-width;
   }

package/theme-chalk/src/form.scss

@@ -231,7 +231,35 @@ $form-item-label-top-margin-bottom: map.merge(
 
     .#{$namespace}-input__wrapper {
       box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
+      &:hover {
+        box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
+      }
+      &.is-focus {
+        box-shadow: 0 0 0 1px getCssVar('color-danger') inset !important;
+      }
+    }
+
+    .#{$namespace}-select {
+       &:hover{
+         box-shadow: 0 0 0 1px transparent;
+       }
+
+      .#{$namespace}-input{
+        .#{$namespace}-input__wrapper {
+          &:hover{
+            box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
+          }
+        }
+
+        &.is-focus {
+          .#{$namespace}-input__wrapper {
+            box-shadow: 0 0 0 1px getCssVar('color-danger') inset !important;
+          }
+        }
+      }
     }
+
+
     .#{$namespace}-input-group__append,
     .#{$namespace}-input-group__prepend {
       .#{$namespace}-input__wrapper {

package/theme-chalk/src/menu.scss

@@ -80,6 +80,11 @@
   }
 
   @include m(horizontal) {
+    // reset menu-item popup height
+    &.#{$namespace}-menu--popup-container {
+      height: unset;
+    }
+
     display: flex;
     flex-wrap: nowrap;
     border-right: none;

package/theme-chalk/src/rate.scss

@@ -75,6 +75,12 @@ $rate-size: map.merge(
     display: inline-block;
     overflow: hidden;
     color: getCssVar('rate', 'fill-color');
+
+    @include m('box') {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
   }
 
   @include e(text) {
@@ -86,6 +92,7 @@ $rate-size: map.merge(
   @each $size in (large, small) {
     @include m($size) {
       height: map.get($rate-height, $size);
+
       & .#{bem('rate', 'icon')} {
         font-size: map.get($rate-size, $size);
       }