@element-plus/nightly 0.0.20220131 → 0.0.20220204

package/theme-chalk/src/dialog.scss

@@ -35,6 +35,13 @@
     margin: 0;
   }
 
+  @include when(draggable) {
+    @include e(header) {
+      cursor: move;
+      user-select: none;
+    }
+  }
+
   @include e(header) {
     padding: var(--el-dialog-padding-primary);
     padding-bottom: 10px;

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

@@ -24,13 +24,29 @@
   backface-visibility: hidden;
 
   @at-root .#{$namespace}-overlay.is-message-box {
-    text-align: center;
-    &::after {
-      content: '';
-      display: inline-block;
-      height: 100%;
-      width: 0;
-      vertical-align: middle;
+    .#{$namespace}-overlay-message-box {
+      text-align: center;
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      overflow: auto;
+
+      &::after {
+        content: '';
+        display: inline-block;
+        height: 100%;
+        width: 0;
+        vertical-align: middle;
+      }
+    }
+  }
+
+  @include when(draggable) {
+    @include e(header) {
+      cursor: move;
+      user-select: none;
     }
   }
 
@@ -87,6 +103,7 @@
 
     & div.invalid > input {
       border-color: var(--el-color-error);
+
       &:focus {
         border-color: var(--el-color-error);
       }
@@ -152,12 +169,6 @@
 
   // centerAlign 布局
   @include m(center) {
-    padding-bottom: 30px;
-
-    @include e(header) {
-      padding-top: 30px;
-    }
-
     @include e(title) {
       position: relative;
       display: flex;
@@ -191,13 +202,13 @@
 }
 
 .fade-in-linear-enter-active {
-  .#{$namespace}-message-box {
+  .#{$namespace}-overlay-message-box {
     animation: msgbox-fade-in var(--el-transition-duration);
   }
 }
 
 .fade-in-linear-leave-active {
-  .#{$namespace}-message-box {
+  .#{$namespace}-overlay-message-box {
     animation: msgbox-fade-in var(--el-transition-duration) reverse;
   }
 }