diff --git a/src/components/ui/form/Dropdown.jsx b/src/components/ui/form/Dropdown.jsx index 37edbf5..4624516 100644 --- a/src/components/ui/form/Dropdown.jsx +++ b/src/components/ui/form/Dropdown.jsx @@ -60,7 +60,7 @@ export default class Dropdown extends FormInputComponent { [styles.block]: block, [styles.opened]: isActive })} {...this.props} onClick={this.onToggle}> - {label} + {label}
diff --git a/src/components/ui/form/dropdown.scss b/src/components/ui/form/dropdown.scss index 537427d..8e83db4 100644 --- a/src/components/ui/form/dropdown.scss +++ b/src/components/ui/form/dropdown.scss @@ -43,6 +43,13 @@ $dropdownPadding: 15px; } } +.label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + .opened { } @@ -98,6 +105,8 @@ $dropdownPadding: 15px; } .menuItem { + composes: label; + height: 50px; padding: 0 13px; overflow: hidden;