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

Select: fix long text overflow in multiple mode (#21237)

pull/21242/head
好多大米 2021-08-18 16:26:24 +08:00 committed by GitHub
parent 72be8f536f
commit eeb9a93e86
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/theme-chalk/src/select-dropdown.scss
View File

@ -13,6 +13,9 @@
margin: 5px 0; margin: 5px 0;
@include when(multiple) { @include when(multiple) {
& .el-select-dropdown__item {
padding-right: 40px;
}
& .el-select-dropdown__item.selected { & .el-select-dropdown__item.selected {
color: $--select-option-selected-font-color; color: $--select-option-selected-font-color;
background-color: $--select-dropdown-background; background-color: $--select-dropdown-background;

10
packages/theme-chalk/src/select.scss
View File

@ -119,8 +119,9 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.el-tag__close { @include e(tags-text) {
margin-top: -2px; overflow: hidden;
text-overflow: ellipsis;
} }
.el-tag { .el-tag {
@ -128,12 +129,15 @@
border-color: transparent; border-color: transparent;
margin: 2px 0 2px 6px; margin: 2px 0 2px 6px;
background-color: #f0f2f5; background-color: #f0f2f5;
display: flex;
max-width: 100%;
align-items: center;
&__close.el-icon-close { &__close.el-icon-close {
background-color: $--color-text-placeholder; background-color: $--color-text-placeholder;
right: -7px;
top: 0; top: 0;
color: $--color-white; color: $--color-white;
flex-shrink: 0;
&:hover { &:hover {
background-color: $--color-text-secondary; background-color: $--color-text-secondary;