Исправлен баг с длинными значениями для Dropdown компонента

This commit is contained in:
ErickSkrauch 2016-06-18 18:42:07 +03:00
parent 27db768bc5
commit da6a8cc1b2
2 changed files with 10 additions and 1 deletions

View File

@ -60,7 +60,7 @@ export default class Dropdown extends FormInputComponent {
[styles.block]: block, [styles.block]: block,
[styles.opened]: isActive [styles.opened]: isActive
})} {...this.props} onClick={this.onToggle}> })} {...this.props} onClick={this.onToggle}>
{label} <span className={styles.label}>{label}</span>
<span className={styles.toggleIcon} /> <span className={styles.toggleIcon} />
<div className={styles.menu}> <div className={styles.menu}>

View File

@ -43,6 +43,13 @@ $dropdownPadding: 15px;
} }
} }
.label {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.opened { .opened {
} }
@ -98,6 +105,8 @@ $dropdownPadding: 15px;
} }
.menuItem { .menuItem {
composes: label;
height: 50px; height: 50px;
padding: 0 13px; padding: 0 13px;
overflow: hidden; overflow: hidden;