homepage re-design: patch by Jan to sort languages per column

languagetool-org · Dec 18, 2013 · 7bc97a9 · 7bc97a9
1 parent 740defd
commit 7bc97a9
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/www/css/lib/dropkick/dropkick.css b/www/css/lib/dropkick/dropkick.css
@@ -85,7 +85,7 @@ text-shadow:none
 }
 
 .dk_options_inner {
-max-height:250px;
+max-height:300px;
 }
 
 .dk_container {
@@ -142,7 +142,7 @@ display:block
   padding: 10px;
 }
 
-.dk_options_inner li {
+.dk_options_inner .column {
 width:23%;
 margin: 0px 2% 0px 0px;
 float:left

diff --git a/www/css/lib/dropkick/jquery.dropkick.js b/www/css/lib/dropkick/jquery.dropkick.js
@@ -277,7 +277,25 @@
       }
 
       $dk = $(template);
-      $dk.find('.dk_options_inner').html(options.join(''));
+
+      function split(a, n) {
+        var len = a.length, out = [], i = 0;
+        while (i < len) {
+          var size = Math.ceil((len - i) / n--);
+          out.push(a.slice(i, i + size));
+          i += size;
+        }
+        return out;
+      }
+
+      var columns = split(options, 4);
+
+      var html = '';
+      for (var i = 0; i < columns.length; i++) {
+        var html = html + '<ul class="column">'+columns[i].join('')+'</ul>';
+      }
+
+      $dk.find('.dk_options_inner').html(html);
 
       return $dk;
     }