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

Message: fix content not vertically aligned (#2904)

pull/2913/head
杨奕 2017-02-20 15:44:26 +08:00 committed by baiyaaaaa
parent 4c0ca0fc14
commit 77c20d67ca
2 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/message/src/main.vue
View File

@ -8,8 +8,7 @@
@mouseleave="startTimer"> @mouseleave="startTimer">
<img class="el-message__img" :src="typeImg" alt="" v-if="!iconClass"> <img class="el-message__img" :src="typeImg" alt="" v-if="!iconClass">
<div class="el-message__group" :class="{ 'is-with-icon': iconClass }"> <div class="el-message__group" :class="{ 'is-with-icon': iconClass }">
<i class="el-message__icon" :class="iconClass" v-if="iconClass"></i> <p><i class="el-message__icon" :class="iconClass" v-if="iconClass"></i>{{ message }}</p>
<p>{{ message }}</p>
<div v-if="showClose" class="el-message__closeBtn el-icon-close" @click="close"></div> <div v-if="showClose" class="el-message__closeBtn el-icon-close" @click="close"></div>
</div> </div>
</div> </div>

4
packages/theme-default/src/message.css
View File

@ -21,6 +21,7 @@
margin-left: 38px; margin-left: 38px;
position: relative; position: relative;
height: 20px; height: 20px;
line-height: 20px;
@when with-icon { @when with-icon {
margin-left: 0; margin-left: 0;
@ -28,13 +29,10 @@
& p { & p {
font-size: var(--font-size-base); font-size: var(--font-size-base);
line-height: 20px;
margin: 0 34px 0 0; margin: 0 34px 0 0;
white-space: nowrap; white-space: nowrap;
color: var(--message-content-color); color: var(--message-content-color);
text-align: justify; text-align: justify;
display: inline-block;
vertical-align: middle;
} }
} }