test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 11:39:28 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

Fix Cascader item overflow style, close #2515

Browse Source
This commit is contained in:
afc163 2016-07-27 13:37:20 +08:00
parent 7952215a48
commit c451a865d1
2 changed files with 32 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/cascader/demo/basic.md
View File

@ -16,7 +16,31 @@ const options = [{
label: '杭州', label: '杭州',
children: [{ children: [{
value: 'xihu', value: 'xihu',
label: '西湖', label: '西湖西湖西湖西湖西湖西湖',
}, {
value: 'xihu1',
label: '西湖西湖西湖西湖西湖西湖',
}, {
value: 'xihu2',
label: '西湖西湖西湖西湖西湖西湖',
}, {
value: 'xihu3',
label: '西湖西湖西湖西湖西湖西湖',
}, {
value: 'xihu4',
label: '西湖西湖西湖西湖西湖西湖',
}, {
value: 'xihu5',
label: '西湖西湖西湖西湖西湖西湖',
}, {
value: 'xihu6',
label: '西湖西湖西湖西湖西湖西湖',
}, {
value: 'xihu7',
label: '西湖西湖西湖西湖西湖西湖',
}, {
value: 'xihu8',
label: '西湖西湖西湖西湖西湖西湖',
}], }],
}], }],
}, { }, {
@ -27,7 +51,7 @@ const options = [{
label: '南京', label: '南京',
children: [{ children: [{
value: 'zhonghuamen', value: 'zhonghuamen',
label: '中华门', label: '中华门中华门中华门中华门中华门',
}], }],
}], }],
}]; }];

11
components/cascader/style/index.less
View File

@ -27,13 +27,16 @@
&-label { &-label {
position: absolute; position: absolute;
top: 0; left: 0;
left: 8px;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
top: 50%; top: 50%;
margin-top: -10px; margin-top: -10px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
padding: 0 12px 0 8px;
} }
&-clear { &-clear {
@ -137,11 +140,9 @@
} }
} }
&-menu-item { &-menu-item {
padding: 7px 16px; padding: 7px 26px 7px 16px;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all 0.3s ease; transition: all 0.3s ease;
&:hover { &:hover {
background: tint(@primary-color, 90%); background: tint(@primary-color, 90%);