Release 1.12

carloscabo · Jun 28, 2017 · 3eea4fe · 3eea4fe
1 parent 796a556
commit 3eea4fe
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# JQuery Palette Color Picker
+# JQuery Palette Color Picker v1.12
 JS component to pick colors from a predefined / restricted palette. <mark>Take a look to the `demo.html` included in this repository to see it in action.</mark>
 
 ![Snapshot](https://raw.githubusercontent.com/carloscabo/jquery-palette-color-picker/master/img/snapshot.png)
@@ -155,6 +155,7 @@ $( input_element ).data('paletteColorPickerPlugin').reload();
   * close_all_but_this
   * onbeforeshow_callback()
   * Style to force bubble to be shown on left side
+  * More samples
 * V.1.10 (2017/06/27) Some improvements by several people, thx!
   * [slavede](https://github.com/slavede) Added bower.json
   * [eafarooqi](https://github.com/eafarooqi) Reload value after programatically update

diff --git a/demo.html b/demo.html
@@ -71,7 +71,7 @@ <h3>Sample 3</h3>
       <h3>Sample 3B</h3>
       <input type="text" id="unique-id-3b" name="unique-name-3b" data-palette='["#D50000","#304FFE","#00B8D4","#69F0AE","#FFFF00"]'
         value="#00B8D4">
-      <p>The control can be inserted <b>before or after</b> the input. And the bubble opens to the left side.</b>.</p>
+      <p>The bubble is forced to the left side of the button adding the <b>.force-left</b> class.</p>
     </div>
 
     <div class="row">

diff --git a/src/palette-color-picker.css b/src/palette-color-picker.css
diff --git a/src/palette-color-picker.min.js b/src/palette-color-picker.min.js
diff --git a/src/palette-color-picker.scss b/src/palette-color-picker.scss
@@ -143,4 +143,13 @@ $cpfp-background: #fff;
     }
   }
 
+  // Force open on left side
+  &.force-left {
+    left: -178px;
+    &:after,
+    &:before {
+      left: 188px;
+    }
+  }
+
 }