From 4db58f39e7fc2e2c489389458b302629fc4762ee Mon Sep 17 00:00:00 2001
From: Geass <nullptru@gmail.com>
Date: Thu, 12 Sep 2019 11:23:54 +0800
Subject: [PATCH] MessageBox: fix icon position error (#17410)

---
 packages/message-box/src/main.vue         | 20 +++++++++++---------
 packages/theme-chalk/src/message-box.scss |  5 ++++-
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/packages/message-box/src/main.vue b/packages/message-box/src/main.vue
index a30113f19..5ce644534 100644
--- a/packages/message-box/src/main.vue
+++ b/packages/message-box/src/main.vue
@@ -28,15 +28,17 @@
           </button>
         </div>
         <div class="el-message-box__content">
-          <div
-            :class="['el-message-box__status', icon]"
-            v-if="icon && !center && message !== ''">
-          </div>
-          <div class="el-message-box__message" v-if="message !== ''">
-            <slot>
-              <p v-if="!dangerouslyUseHTMLString">{{ message }}</p>
-              <p v-else v-html="message"></p>
-            </slot>
+          <div class="el-message-box__container">
+            <div
+              :class="['el-message-box__status', icon]"
+              v-if="icon && !center && message !== ''">
+            </div>
+            <div class="el-message-box__message" v-if="message !== ''">
+              <slot>
+                <p v-if="!dangerouslyUseHTMLString">{{ message }}</p>
+                <p v-else v-html="message"></p>
+              </slot>
+            </div>
           </div>
           <div class="el-message-box__input" v-show="showInput">
             <el-input
diff --git a/packages/theme-chalk/src/message-box.scss b/packages/theme-chalk/src/message-box.scss
index 040f08831..b2be54bd0 100644
--- a/packages/theme-chalk/src/message-box.scss
+++ b/packages/theme-chalk/src/message-box.scss
@@ -73,11 +73,14 @@
   }
 
   @include e(content) {
-    position: relative;
     padding: 10px $--msgbox-padding-primary;
     color: $--messagebox-content-color;
     font-size: $--messagebox-content-font-size;
   }
+  
+  @include e(container) {
+    position: relative;
+  }
 
   @include e(input) {
     padding-top: 15px;