diff --git a/index.html b/index.html
index 35e7f51..257ce09 100644
--- a/index.html
+++ b/index.html
@@ -195,7 +195,7 @@ window.myColorPicker = $('input.color').colorPicker({
$elm.append('
' +
'
' +
- '
<
').
+ '
S
').
on('click', '.cp-memory div', function(e) {
var $this = $(this);
@@ -298,7 +298,7 @@ window.myColorPicker = $('input.color').colorPicker({
'position:absolute; top:-16px; left:12px; border:8px solid #eee;' +
'border-color: transparent transparent #999}' +
'.cp-xy-slider{border:1px solid #aaa; margin-bottom:10px; width:150px; height:150px;}' +
- '.cp-color-picker:active{cursor:none;}' +
+ '.cp-xy-slider:active{cursor:none;}' +
'.cp-xy-cursor{width:12px; height:12px; margin:-6px}' +
'.cp-z-slider{margin-left:8px; border:1px solid #aaa; height:150px; width:24px;}' +
'.cp-z-cursor{border-width:5px; margin-top:-5px;}' +
@@ -315,8 +315,12 @@ window.myColorPicker = $('input.color').colorPicker({
var colors = this.color.colors,
rgb = colors.RND.rgb;
- $('.cp-patch div').css({backgroundColor: $elm.css('backgroundColor')});
+ $('.cp-patch div').css({'background-color': $elm.css('background-color')});
$('.cp-disp').text($elm.val());
+ if (toggled) {
+ // here you can recalculate position after showing the color picker
+ // in case it doesn't fit into view.
+ }
}
};