- Improved the positioning and CSS of the configurator and the color picker.

HISTORY.md

@@ -12,6 +12,7 @@ http://visjs.org
 
 - Fixed #1152, updating images now works.
 - Fixed cleaning up of nodes.
+- Improved the positioning and CSS of the configurator and the color picker.
 
 
 ## 2015-07-27, version 4.7.0

dist/vis.js

@@ -21567,7 +21567,7 @@ return /******/ (function(modules) { // webpackBootstrap
         }
 
         this._push();
-        this.colorPicker.insertTo(this.container);
+        this.colorPicker.insertTo(document.body);
       }
 
       /**
@@ -21821,7 +21821,7 @@ return /******/ (function(modules) { // webpackBootstrap
       value: function _setupPopup(string, index) {
         var _this3 = this;
 
-        if (this.initialized === true && this.allowCreation === true && this.popupCounter < 4000) {
+        if (this.initialized === true && this.allowCreation === true && this.popupCounter < this.popupLimit) {
           var div = document.createElement("div");
           div.id = "vis-configuration-popup";
           div.className = "vis-configuration-popup";
@@ -21984,7 +21984,7 @@ return /******/ (function(modules) { // webpackBootstrap
         var rect = div.getBoundingClientRect();
         var bodyRect = document.body.getBoundingClientRect();
         var pickerX = rect.left + rect.width + 5;
-        var pickerY = rect.top - bodyRect.top + rect.height * 0.5;
+        var pickerY = rect.top - bodyRect.top + rect.height + 2;
         this.colorPicker.show(pickerX, pickerY);
         this.colorPicker.setColor(value);
         this.colorPicker.setCallback(function (color) {

lib/shared/Configurator.js

@@ -163,7 +163,7 @@ class Configurator {
     }
 
     this._push();
-    this.colorPicker.insertTo(this.container);
+    this.colorPicker.insertTo(document.body);
   }
 
 
@@ -388,7 +388,7 @@ class Configurator {
    * @private
    */
   _setupPopup(string, index) {
-    if (this.initialized === true && this.allowCreation === true && this.popupCounter < 4000) {
+    if (this.initialized === true && this.allowCreation === true && this.popupCounter < this.popupLimit) {
       let div = document.createElement("div");
       div.id = "vis-configuration-popup";
       div.className = "vis-configuration-popup";
@@ -533,7 +533,7 @@ class Configurator {
     let rect = div.getBoundingClientRect();
     let bodyRect = document.body.getBoundingClientRect();
     let pickerX = rect.left + rect.width + 5;
-    let pickerY = rect.top - bodyRect.top + rect.height*0.5;
+    let pickerY = rect.top - bodyRect.top + rect.height +2;
     this.colorPicker.show(pickerX,pickerY);
     this.colorPicker.setColor(value);
     this.colorPicker.setCallback((color) => {