element-pe 2.3.0 → 2.3.1

package/theme-chalk/src/common/var.scss

@@ -455,7 +455,7 @@ $select-wrapper-padding: () !default;
 $select-wrapper-padding: map.merge(
   (
     'large': 8px 16px,
-    'default': 4px 12px,
+    'default': 4px 11px,
     'small': 2px 8px,
   ),
   $select-wrapper-padding

package/theme-chalk/src/select.scss

@@ -16,17 +16,12 @@
   @include set-component-css-var('select', $select);
 }
 
-@include b(select) {
-  display: inline-block;
-  position: relative;
-  vertical-align: middle;
-  width: getCssVar('select-width');
-
-  @include when(table-input) {
+.el-select {
+  &.is-table-input {
     height: 100%;
     width: 100%;
 
-    @include e(wrapper) {
+    .el-select__wrapper {
       height: 100%;
       width: 100%;
       border-color: transparent;
@@ -39,29 +34,67 @@
         box-shadow: 0 0 0 1px getCssVar('color-primary') inset;
       }
 
-      @include e(input-wrapper) {
+      .el-select__input-wrapper {
         height: 100%;
         width: 100%;
       }
 
-      @include e(suffix) {
+      .el-select__suffix {
         display: none;
       }
     }
 
     &:hover {
-      @include e(wrapper) {
+      .el-select__wrapper {
         &:not(.is-focused) {
           box-shadow: 0 0 0 1px getCssVar('border-color-light') inset;
         }
 
-        @include e(suffix) {
+        .el-select__suffix {
           display: unset;
         }
       }
     }
   }
 
+  .el-select__wrapper {
+    &.view-mode-text, &.view-mode-underline {
+      cursor: text;
+      background-color: getCssVar('fill-color', 'blank');
+      padding-right: 0;
+
+      .el-select__suffix {
+        display: none;
+      }
+
+      &, &:hover {
+        border-color: transparent;
+      }
+    }
+
+    &.view-mode-underline.el-tooltip__trigger {
+      &, &:hover {
+        box-shadow: 0 -1px getCssVar('border-color-light') inset;
+        border-radius: 0;
+      }
+    }
+
+    &.view-mode-text.el-tooltip__trigger {
+      padding-left: 0;
+
+      &, &:hover, &.is-focus {
+        @include inset-input-border(transparent, true);
+      }
+    }
+  }
+}
+
+@include b(select) {
+  display: inline-block;
+  position: relative;
+  vertical-align: middle;
+  width: getCssVar('select-width');
+
   @include e(wrapper) {
     display: flex;
     align-items: center;
@@ -124,33 +157,6 @@
         cursor: not-allowed;
       }
     }
-
-    &.view-mode-text, &.view-mode-underline {
-      cursor: text;
-      background-color: getCssVar('fill-color', 'blank');
-      padding-right: 0;
-
-      @include e(caret) {
-        display: none;
-      }
-
-      &, &:hover {
-        border-color: transparent;
-      }
-    }
-    &.view-mode-underline.el-tooltip__trigger {
-      &, &:hover {
-        box-shadow: 0 -1px getCssVar('border-color-light') inset;
-        border-radius: 0;
-      }
-    }
-    &.view-mode-text.el-tooltip__trigger {
-      padding-left: 0;
-
-      &, &:hover, &.is-focus {
-        @include inset-input-border(transparent, true);
-      }
-    }
   }
 
   @include e(prefix) {