User can now control margin (#38)

stuartmemo · Oct 1, 2020 · ab5813b · ab5813b
1 parent ec36e2f
commit ab5813b
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 10 deletions.
diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
     "name": "qwerty-hancock",
     "main": "dist/qwerty-hancock.js",
-    "version": "0.7.0",
+    "version": "0.7.1",
     "homepage": "http://stuartmemo.com/qwerty-hancock/",
     "authors": [
         {

diff --git a/demo/index.html b/demo/index.html
@@ -89,6 +89,7 @@ <h2>Need help or have an idea to make QH better?</h2>
                     width: 600,
                     height: 150,
                     startNote: 'A2',
+                    margin: 'auto',
                     whiteNotesColour: '#fff',
                     blackNotesColour: '#000',
                     borderColour: '#000',

diff --git a/dist/qwerty-hancock.js b/dist/qwerty-hancock.js
@@ -1,5 +1,5 @@
 /*
- * Qwerty Hancock keyboard library v0.7.0
+ * Qwerty Hancock keyboard library v0.7.1
  * The web keyboard for now people.
  * Copyright 2012-20, Stuart Memo
  *
@@ -15,7 +15,7 @@
      * In node context (browserify), `this` is the node global.
      */
     var globalWindow = typeof global === 'undefined' ? root : root.window;
-    var version = '0.7.0',
+    var version = '0.7.1',
         settings = {},
         mouse_is_down = false,
         keysDown = {},
@@ -68,6 +68,7 @@
             octaves:        user_settings.octaves || 3,
             width:          user_settings.width,
             height:         user_settings.height,
+            margin:         user_settings.margin || 0,
             startNote:      user_settings.startNote || 'A3',
             whiteKeyColour: user_settings.whiteKeyColour || '#fff',
             blackKeyColour: user_settings.blackKeyColour || '#000',
@@ -258,7 +259,7 @@
             el.style.padding = 0;
             el.style.position = 'relative';
             el.style.listStyle = 'none';
-            el.style.margin = 0;
+            el.style.margin = settings.margin;
             el.style.width = settings.width + 'px';
             el.style['-webkit-user-select'] = 'none';
             el.style.boxSizing = 'content-box';

diff --git a/dist/qwerty-hancock.min.js b/dist/qwerty-hancock.min.js
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "name": "qwerty-hancock",
   "title": "Qwerty Hancock",
   "description": "An interactive HTML plugin-free keyboard for your web audio project.",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "main": "dist/qwerty-hancock.js",
   "repository": {
     "type": "git",

diff --git a/src/qwerty-hancock.js b/src/qwerty-hancock.js
@@ -1,5 +1,5 @@
 /*
- * Qwerty Hancock keyboard library v0.7.0
+ * Qwerty Hancock keyboard library v0.7.1
  * The web keyboard for now people.
  * Copyright 2012-20, Stuart Memo
  *
@@ -15,7 +15,7 @@
      * In node context (browserify), `this` is the node global.
      */
     var globalWindow = typeof global === 'undefined' ? root : root.window;
-    var version = '0.7.0',
+    var version = '0.7.1',
         settings = {},
         mouse_is_down = false,
         keysDown = {},
@@ -68,6 +68,7 @@
             octaves:        user_settings.octaves || 3,
             width:          user_settings.width,
             height:         user_settings.height,
+            margin:         user_settings.margin || 0,
             startNote:      user_settings.startNote || 'A3',
             whiteKeyColour: user_settings.whiteKeyColour || '#fff',
             blackKeyColour: user_settings.blackKeyColour || '#000',
@@ -258,7 +259,7 @@
             el.style.padding = 0;
             el.style.position = 'relative';
             el.style.listStyle = 'none';
-            el.style.margin = 0;
+            el.style.margin = settings.margin;
             el.style.width = settings.width + 'px';
             el.style['-webkit-user-select'] = 'none';
             el.style.boxSizing = 'content-box';