drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed #2451

Browse source
This commit is contained in:
梁灏 2018-03-13 16:23:51 +08:00
parent ce176e2190
commit 5ddf1bcf4f
2 changed files with 468 additions and 361 deletions
Download patch file Download diff file Expand all files Collapse all files

65
src/styles/components/select.less
View file

@ -96,6 +96,24 @@
}
}
&-multiple &-selection{
padding: 0 24px 0 4px;
//min-height: @input-height-base;
.@{select-prefix-cls}-placeholder{
display: block;
height: @input-height-base - 2px;
line-height: @input-height-base - 2px;
color: @input-placeholder-color;
font-size: @font-size-small;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 4px;
padding-right: 22px;
}
}
&-large&-single &-selection{
height: @input-height-large;
@ -106,6 +124,16 @@
}
}
&-large&-multiple &-selection{
min-height: @input-height-large;
.@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{
min-height: @input-height-large - 2px;
line-height: @input-height-large - 2px;
font-size: @font-size-base;
}
}
&-small&-single &-selection{
height: @input-height-small;
border-radius: @btn-border-radius-small;
@ -116,21 +144,14 @@
}
}
&-multiple &-selection{
padding: 0 24px 0 4px;
min-height: @input-height-base;
&-small&-multiple &-selection{
min-height: @input-height-small;
border-radius: @btn-border-radius-small;
.@{select-prefix-cls}-placeholder{
display: block;
height: @input-height-base - 2px;
line-height: @input-height-base - 2px;
color: @input-placeholder-color;
font-size: @font-size-small;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 4px;
padding-right: 22px;
.@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{
height: auto;
min-height: @input-height-small - 2px;
line-height: @input-height-small - 2px;
}
}
@ -189,6 +210,22 @@
}
&-multiple .@{css-prefix}tag{
height: 24px;
line-height: 22px;
margin: 3px 4px 3px 0;
}
&-large&-multiple .@{css-prefix}tag{
height: 28px;
line-height: 26px;
font-size: @font-size-base;
}
&-small&-multiple .@{css-prefix}tag{
height: 17px;
line-height: 15px;
font-size: @font-size-small;
padding: 0 6px;
margin: 3px 4px 2px 0;
}