From e437a95baa74a0809643806b27659bf887c80e60 Mon Sep 17 00:00:00 2001
From: Felix Hammerl <mail@felixhammerl.com>
Date: Thu, 9 Apr 2015 16:09:17 +0200
Subject: [PATCH] [WO-914] Limit dropdown folder list in width and size

---
 src/js/util/dummy.js                  | 21 +++++++++++++++++++++
 src/sass/blocks/basics/_dropdown.scss |  6 ++++++
 2 files changed, 27 insertions(+)

diff --git a/src/js/util/dummy.js b/src/js/util/dummy.js
index fb61d76..c0ffccd 100644
--- a/src/js/util/dummy.js
+++ b/src/js/util/dummy.js
@@ -45,6 +45,27 @@ Dummy.prototype.listFolders = function() {
         name: 'Junk',
         count: 0,
         path: 'JUNK'
+    }, {
+        name: 'Foo',
+        count: 0,
+        path: 'FOO'
+    }, {
+        name: 'Snafu',
+        count: 0,
+        path: 'SNAFU'
+    }, {
+        name: 'Tralalalala',
+        count: 0,
+        path: 'TRALALALALA'
+    }, {
+        name: 'Another one',
+        count: 0,
+        path: 'ANOTHERONE'
+    }, {
+        name: 'Mucho Folder',
+        count: 0,
+        path: 'MUCHOFOLDER'
+
     }];
 
     return dummies;
diff --git a/src/sass/blocks/basics/_dropdown.scss b/src/sass/blocks/basics/_dropdown.scss
index 005cb5c..70b611f 100644
--- a/src/sass/blocks/basics/_dropdown.scss
+++ b/src/sass/blocks/basics/_dropdown.scss
@@ -4,7 +4,10 @@
     left: -9999px;
     display: block;
     z-index: 9000;
+    max-height: 400px;
     max-width: 300px;
+    min-width: 150px;
+    overflow-y: auto;
     text-align: left;
     font-size: $font-size-base;
     background: $color-bg;
@@ -39,6 +42,9 @@
         padding: 0.5em 15px 0.5em 15px;
         color: $color-main;
         text-align: left;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
 
         & > svg {
             display: inline-block;