Console be scrollable on touch devices

Tools/Gulp/gulpfile.js

@@ -447,6 +447,7 @@ gulp.task('deployLocalDev', function () {
  */
 gulp.task('webserver', function () {
     gulp.src('../../.').pipe(webserver({
+        host: '0.0.0.0',
         port: 1338,
         livereload: false
     }));

inspector/index.html

@@ -26,7 +26,7 @@
         }
         
         canvas {
-            width: 75%;
+            width: 100%;
         }
         
         #inspector {
@@ -40,7 +40,7 @@
 
     <div id="wrapper">
         <canvas id='game-canvas'></canvas>
-        <div id="inspector"></div>
+        <!-- <div id="inspector"></div> -->
     </div>
 
 

inspector/sass/_tabPanel.scss

@@ -1,5 +1,7 @@
 .tab-panel {
-    height:100%;     
+    height:100%;   
+    overflow-y: auto;
+
     &.searchable {
         height:calc(100% - #{$searchbar-height} - 10px);   
     }  

inspector/sass/main.scss

@@ -23,6 +23,7 @@
   // The panel containing the two subpanel : tree and details
   .insp-right-panel {
     width: 750px;
+    overflow-y: auto;
 
     &.popupmode {
       width:100% !important;

inspector/src/details/PropertyLine.ts

@@ -255,10 +255,8 @@ module INSPECTOR {
          * type of the property.
          */
         private _createElements() {
-
             // Colors
             if (this.type == 'Color3' || this.type == 'Color4') {
-                console.log('colorpicker',this);
                 this._elements.push(new ColorPickerElement(this.value, this));
                 //this._elements.push(new ColorElement(this.value));
             }
@@ -321,7 +319,6 @@ module INSPECTOR {
             // this._valueDiv.textContent = " "; // TOFIX this removes the elements after
             this._valueDiv.childNodes[0].nodeValue = this._displayValueContent();
             for (let elem of this._elements) {
-                console.log('elem', elem);
                 elem.update(this.value);
             }
         }