Added scrollbar (using jQuery slimScroll)

philipp94831 · Oct 12, 2014 · a1cc972 · a1cc972
1 parent 6ca7988
commit a1cc972
Show file tree

Hide file tree

Showing 13 changed files with 116 additions and 16 deletions.
diff --git a/Chrome/fixed_navbar.css b/Chrome/fixed_navbar.css
@@ -4,19 +4,15 @@
   bottom: 0px;
   position: fixed;
   margin-left: -20px;
-  margin-top: 12px;
-  margin-bottom: -12px;
   width: 201px;
 }
 
 #navigationWrapper {
   overflow: auto;
-  height: 100%;
+  height: 100% !important;
   padding-left: 20px;
-  width: 181px;
+  width: 164px !important;
   position: absolute;
-  top: -12px;
-  padding-right: 5000px;
 }
 
 #leftColWrapper {

diff --git a/Chrome/fixed_navbar.js b/Chrome/fixed_navbar.js
@@ -30,5 +30,9 @@ function fixNavbar() {
       .appendChild(navigationWrapper)
       .appendChild(pagelet_navigation);
     mainContainer.appendChild(contentCol);
+    $('#navigationWrapper').slimScroll({
+      height: '100%',
+      distance: '8px'
+    });
   }
 }
diff --git a/Chrome/jquery-1.11.1.min.js b/Chrome/jquery-1.11.1.min.js
diff --git a/Chrome/jquery.slimscroll.min.js b/Chrome/jquery.slimscroll.min.js
diff --git a/Chrome/manifest.json b/Chrome/manifest.json
@@ -1,7 +1,7 @@
 {
   "name":"FB fixed navbar",
   "description":"Freezes left navigation pane on Facebook",
-  "version":"1.0.1",
+  "version":"1.1.0",
   "manifest_version":2,
   "author": "Philipp Schirmer",
   "icons": {
@@ -12,7 +12,7 @@
     {
       "matches": ["*://www.facebook.com/*"],
       "css": ["fixed_navbar.css"],
-      "js": ["fixed_navbar.js"],
+      "js": ["jquery-1.11.1.min.js", "jquery.slimscroll.min.js", "fixed_navbar.js"],
       "run_at": "document_end"
     }
   ]

diff --git a/Chrome/slimScroll.jquery.json b/Chrome/slimScroll.jquery.json
@@ -0,0 +1,30 @@
+{
+  "name"        : "slimScroll",
+  "version"     : "1.2.0",
+  "title"       : "jQuery slimScroll scrollbar",
+  "description" : "slimScroll is a small jQuery plugin that transforms any div into a scrollable area. slimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over.",
+  "keywords"    : ["scrollbar", "scroll", "slimscroll", "scrollable", "scrolling", "scroller", "ui"],
+  "demo"        : "http://rocha.la/jQuery-slimScroll/",
+  "homepage"    : "http://rocha.la/jQuery-slimScroll/",
+  "download"    : "http://rocha.la/jQuery-slimScroll/",
+
+  "author" : {
+    "name"  : "Piotr Rochala",
+    "url"   : "http://rocha.la/"
+  },
+
+  "dependencies" : {
+    "jquery" : ">= 1.7"
+  },
+
+  "licenses" : [
+    {
+      "type": "MIT",
+      "url": "http://www.opensource.org/licenses/mit-license.php"
+    },
+    {
+      "type": "GPL",
+      "url": "http://www.opensource.org/licenses/gpl-license.php"
+    }
+  ]
+}
diff --git a/Firefox/data/fixed_navbar.css b/Firefox/data/fixed_navbar.css
@@ -4,19 +4,15 @@
   bottom: 0px;
   position: fixed;
   margin-left: -20px;
-  margin-top: 12px;
-  margin-bottom: -12px;
   width: 201px;
 }
 
 #navigationWrapper {
   overflow: auto;
-  height: 100%;
+  height: 100% !important;
   padding-left: 20px;
-  width: 181px;
+  width: 164px !important;
   position: absolute;
-  top: -12px;
-  padding-right: 5000px;
 }
 
 #leftColWrapper {

diff --git a/Firefox/data/fixed_navbar.js b/Firefox/data/fixed_navbar.js
@@ -30,5 +30,9 @@ function fixNavbar() {
       .appendChild(navigationWrapper)
       .appendChild(pagelet_navigation);
     mainContainer.appendChild(contentCol);
+    $('#navigationWrapper').slimScroll({
+      height: '100%',
+      distance: '8px'
+    });
   }
 }
diff --git a/Firefox/data/jquery-1.11.1.min.js b/Firefox/data/jquery-1.11.1.min.js
diff --git a/Firefox/data/jquery.slimscroll.min.js b/Firefox/data/jquery.slimscroll.min.js
diff --git a/Firefox/data/slimScroll.jquery.json b/Firefox/data/slimScroll.jquery.json
@@ -0,0 +1,30 @@
+{
+  "name"        : "slimScroll",
+  "version"     : "1.2.0",
+  "title"       : "jQuery slimScroll scrollbar",
+  "description" : "slimScroll is a small jQuery plugin that transforms any div into a scrollable area. slimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over.",
+  "keywords"    : ["scrollbar", "scroll", "slimscroll", "scrollable", "scrolling", "scroller", "ui"],
+  "demo"        : "http://rocha.la/jQuery-slimScroll/",
+  "homepage"    : "http://rocha.la/jQuery-slimScroll/",
+  "download"    : "http://rocha.la/jQuery-slimScroll/",
+
+  "author" : {
+    "name"  : "Piotr Rochala",
+    "url"   : "http://rocha.la/"
+  },
+
+  "dependencies" : {
+    "jquery" : ">= 1.7"
+  },
+
+  "licenses" : [
+    {
+      "type": "MIT",
+      "url": "http://www.opensource.org/licenses/mit-license.php"
+    },
+    {
+      "type": "GPL",
+      "url": "http://www.opensource.org/licenses/gpl-license.php"
+    }
+  ]
+}
diff --git a/Firefox/lib/main.js b/Firefox/lib/main.js
@@ -3,7 +3,7 @@ var pageMod = require("sdk/page-mod");
 
 pageMod.PageMod({
   include: "*.facebook.com",
-  contentScriptFile: data.url("fixed_navbar.js"),
+  contentScriptFile: [data.url("jquery-1.11.1.min.js"), data.url("jquery.slimscroll.min.js"), data.url("fixed_navbar.js")],
   contentStyleFile: data.url("fixed_navbar.css"),
   contentScriptWhen: "end"
 });
diff --git a/Firefox/package.json b/Firefox/package.json
@@ -5,5 +5,5 @@
   "description": "Freezes left navigation pane on Facebook",
   "author": "Philipp Schirmer",
   "license": "MPL 2.0",
-  "version": "1.0.1"
+  "version": "1.1.0"
 }