From fdf041e8b1ccc4c8241fda12b3b9455eea196712 Mon Sep 17 00:00:00 2001
From: Ezequiel Bergamaschi <ezequielbergamaschi@gmail.com>
Date: Sun, 2 Feb 2014 02:22:58 -0300
Subject: [PATCH] adding scrollbar support

---
 .../src/main/webapp/css/mindmapList.less      | 19 +++++++++++++++++++
 .../src/main/webapp/jsp/mindmapList.jsp       |  6 ++++++
 2 files changed, 25 insertions(+)

diff --git a/wise-webapp/src/main/webapp/css/mindmapList.less b/wise-webapp/src/main/webapp/css/mindmapList.less
index d8d013f2..3da857b1 100644
--- a/wise-webapp/src/main/webapp/css/mindmapList.less
+++ b/wise-webapp/src/main/webapp/css/mindmapList.less
@@ -117,9 +117,11 @@ input#selectAll {
     background-color: black;
     float: left;
 }
+
 .labelIcon {
   float: left;
 }
+
 .labelName {
     display: inline-block;
     position: relative;
@@ -174,6 +176,23 @@ table.tableTag td:hover {
   background-color: #ffffff;
 }
 
+/* ---------------------------- Scrollbar for list filter --------------------------------- */
+::-webkit-scrollbar {
+  width: 8px;
+}
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #eaeaea;
+  border-left: 1px solid #ccc;
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #c6c6c6;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: #08c;
+}
+
 /* ---------------------------- Sorting --------------------------------- */
 
 .sorting_asc {
diff --git a/wise-webapp/src/main/webapp/jsp/mindmapList.jsp b/wise-webapp/src/main/webapp/jsp/mindmapList.jsp
index 4f34dbbf..407b2ab2 100644
--- a/wise-webapp/src/main/webapp/jsp/mindmapList.jsp
+++ b/wise-webapp/src/main/webapp/jsp/mindmapList.jsp
@@ -121,6 +121,12 @@
             $('#pPageBtn').click(function () {
                 $('#mindmapListTable_previous').click();
             });
+
+            //setting max heigth to ul filters...
+            var maxHeight = $(".row-fluid:not(:hidden)").height() - $("#footerContainer").height()*2 - 20;
+            $("#foldersContainer ul").css('overflow', 'auto');
+            $("#foldersContainer ul").height(maxHeight);
+
         });
     </script>
 </head>