Merge pull request #11 from twang2218/fix-issue-6-button-width

Fix #6 Reduce the button width and add cutomize option

Author: azu

README.md

@@ -23,12 +23,20 @@ Plugin Config
       "types": [
         "star",
         "watch"
-      ]
+      ],
+      "size": "large"
     }
   }
 }
 ```
 
+The default size of `large` is `150 x 30`, and `small` is `100 x 20`, however, you can specify the size you want by using `width` and `height`. Such as:
+
+```json
+      "size": "small"
+      "width": 90,
+      "height": 21
+```
 
 ## Example
 
@@ -44,4 +52,4 @@ Plugin Config
 
 ## License
 
-MIT
+MIT

src/plugin.js

@@ -10,10 +10,10 @@ require(['gitbook'], function (gitbook) {
         repo,
         type,
         size,
+        width,
+        height,
         count
         }) {
-        var width = size === "large" ? "170" : "160";
-        var height = size === "large" ? "30" : "20";
         var extraParam = type === "watch" ? "&v=2" : "";
         return `<a class="btn pull-right hidden-mobile" aria-label="github">
         <iframe style="display:inline-block;vertical-align:middle;" src="https://ghbtns.com/github-btn.html?user=${user}&repo=${repo}&type=${type}&count=${count}&size=${size}${extraParam}" frameborder="0" scrolling="0" width="${width}px" height="${height}px"></iframe>
@@ -26,6 +26,8 @@ require(['gitbook'], function (gitbook) {
         repo,
         types,
         size,
+        width,
+        height,
         count
         }) {
         types.reverse().forEach(type => {
@@ -34,6 +36,8 @@ require(['gitbook'], function (gitbook) {
                 repo,
                 type,
                 size,
+                width,
+                height,
                 count
             });
             addBeforeHeader(elementString);
@@ -49,12 +53,16 @@ require(['gitbook'], function (gitbook) {
         }
         var types = config.types || ["star", "watch"];
         var size = config.size || "large";
+        var width = config.width || (size === "large" ? "150" : "100");
+        var height = config.height || (size === "large" ? "30" : "20");
         var count = typeof config.count === "undefined" ? "true" : "false";
         insertGitHubLink({
             user,
             repo,
             types,
             size,
+            width,
+            height,
             count
         });
     }