comparison interfaces/timeline.js @ 2808:d5d374b399cb

Some restructuring of the timeline CSS/JS

         comments: this.comments,
         layer1: document.createElement("canvas"),
         layer2: document.createElement("canvas"),
         layer3: document.createElement("canvas"),
         layer4: document.createElement("canvas"),
-        resize: function (w) {
+        resize: function () {
+            var w = $(this.layer1.parentElement).width();
             this.layer1.width = w;
             this.layer2.width = w;
             this.layer3.width = w;
             this.layer4.width = w;
             this.layer1.style.width = w + "px";

     this.playButton.DOM.textContent = "Wait";
 
     buttonHolder.appendChild(this.playButton.DOM);
 
     this.resize = function () {
-        var w = window.innerWidth;
-        w = Math.min(w, 800);
-        w = Math.max(w, 200);
-        root.style.width = w + "px";
-        var c_w = w - 100;
-        this.canvas.resize(c_w);
+        this.canvas.resize();
     };
 
     this.enable = function () {
         // This is used to tell the interface object that playback of this node is ready
         this.canvas.layer1.addEventListener("click", this.canvas);