fix(base-selection): tag text overflow ellipsis not wokring

This commit is contained in:
07akioni 2020-11-17 18:38:15 +08:00
parent 8772979fb1
commit 4622125db2
3 changed files with 11 additions and 4 deletions

View File

@ -102,10 +102,14 @@ export default c([
margin-bottom: 3px; margin-bottom: 3px;
font-size: 14px; font-size: 14px;
max-width: 100%; max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
` `
}, [
cE('content', {
raw: `
text-overflow: ellipsis;
overflow: hidden;`
}) })
])
]), ]),
cB('base-selection-label', { cB('base-selection-label', {
raw: ` raw: `

View File

@ -14,7 +14,7 @@
:style="mergedStyle" :style="mergedStyle"
@click="handleClick" @click="handleClick"
> >
<slot /> <span class="n-tag__content"><slot /></span>
<n-icon <n-icon
v-if="!checkable && closable" v-if="!checkable && closable"
class="n-tag__close" class="n-tag__close"

View File

@ -40,6 +40,9 @@ export default c([
opacity .3s ${cubicBezierEaseInOut} opacity .3s ${cubicBezierEaseInOut}
` `
}, [ }, [
cE('content', {
display: 'inline-block'
}),
cE('close', { cE('close', {
margin: closeMargin, margin: closeMargin,
cursor: 'pointer' cursor: 'pointer'