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;