From da6a8cc1b293c83d215c93ca1245c1a01f1dcd42 Mon Sep 17 00:00:00 2001
From: ErickSkrauch <erickskrauch@yandex.ru>
Date: Sat, 18 Jun 2016 18:42:07 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=20=D0=B1=D0=B0=D0=B3=20=D1=81=20=D0=B4=D0=BB=D0=B8?=
 =?UTF-8?q?=D0=BD=D0=BD=D1=8B=D0=BC=D0=B8=20=D0=B7=D0=BD=D0=B0=D1=87=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=D0=BC=D0=B8=20=D0=B4=D0=BB=D1=8F=20Dropdown?=
 =?UTF-8?q?=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/form/Dropdown.jsx  | 2 +-
 src/components/ui/form/dropdown.scss | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

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}
+                    <span className={styles.label}>{label}</span>
                     <span className={styles.toggleIcon} />
 
                     <div className={styles.menu}>
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;