github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

MessageBox: fix icon position error (#17410)

pull/17425/head
Geass 2019-09-12 11:23:54 +08:00 committed by hetech
parent c002304a8e
commit 4db58f39e7
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/message-box/src/main.vue
View File

@ -28,15 +28,17 @@
</button> </button>
</div> </div>
<div class="el-message-box__content"> <div class="el-message-box__content">
<div <div class="el-message-box__container">
:class="['el-message-box__status', icon]" <div
v-if="icon && !center && message !== ''"> :class="['el-message-box__status', icon]"
</div> v-if="icon && !center && message !== ''">
<div class="el-message-box__message" v-if="message !== ''"> </div>
<slot> <div class="el-message-box__message" v-if="message !== ''">
<p v-if="!dangerouslyUseHTMLString">{{ message }}</p> <slot>
<p v-else v-html="message"></p> <p v-if="!dangerouslyUseHTMLString">{{ message }}</p>
</slot> <p v-else v-html="message"></p>
</slot>
</div>
</div> </div>
<div class="el-message-box__input" v-show="showInput"> <div class="el-message-box__input" v-show="showInput">
<el-input <el-input

5
packages/theme-chalk/src/message-box.scss
View File

@ -73,12 +73,15 @@
} }
@include e(content) { @include e(content) {
position: relative;
padding: 10px $--msgbox-padding-primary; padding: 10px $--msgbox-padding-primary;
color: $--messagebox-content-color; color: $--messagebox-content-color;
font-size: $--messagebox-content-font-size; font-size: $--messagebox-content-font-size;
} }
@include e(container) {
position: relative;
}
@include e(input) { @include e(input) {
padding-top: 15px; padding-top: 15px;