test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-03 12:48:45 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Descriptions: fix label slot bug (#21462)

Browse Source
This commit is contained in:
好多大米 2021-11-11 15:52:44 +08:00 committed by GitHub
parent fa76e11cda
commit bb35f474cd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/descriptions/src/descriptions-row.js
View File

@ -100,7 +100,7 @@ export default {
[item.labelClassName]: true [item.labelClassName]: true
}} }}
style={item.labelStyle} style={item.labelStyle}
>{item.props.label}</span> >{item.label}</span>
<span <span
class={['el-descriptions-item__content', item.contentClassName]} class={['el-descriptions-item__content', item.contentClassName]}
style={item.contentStyle} style={item.contentStyle}

14
packages/theme-chalk/src/descriptions-item.scss
View File

@ -2,9 +2,19 @@
@import 'common/var'; @import 'common/var';
@include b(descriptions-item) { @include b(descriptions-item) {
vertical-align: top;
@include e(container) { @include e(container) {
display: flex; display: flex;
.el-descriptions-item__label,
.el-descriptions-item__content {
display: inline-flex;
align-items: baseline;
}
.el-descriptions-item__content {
flex: 1;
}
} }
@include e(label) { @include e(label) {
@ -20,13 +30,13 @@
color: $--color-text-secondary; color: $--color-text-secondary;
background: $--descriptions-item-bordered-label-background; background: $--descriptions-item-bordered-label-background;
} }
&:not(.is-bordered-label) { &:not(.is-bordered-label) {
margin-right: 10px; margin-right: 10px;
} }
} }
@include e(content) { @include e(content) {
word-break: break-word;
overflow-wrap: break-word;
} }
} }