update

Author: Koushikphy

src/css/style.css

@@ -498,7 +498,7 @@ a:focus{
     font-family:'Times New Roman', Times, serif;
     font-size: 1.3pc;
     width: fit-content;
-    float: left;
+    /* float: left; */
     display: inline-block;
     overflow: auto;
     margin:2px;

src/html/index.html

@@ -40,45 +40,7 @@
         <div id="split-bar"></div>
         <div class="closebtn" onclick="closeNav()">X</div>
         <div class="sideheader"> Plots</div>
-        <div id="files">
-            <div class="fList">
-                <div class="nameBar">
-                    <div class="fName" title='file name' onclick="console.log('name click')">
-                        1. my_file_name_fheuig_fegbu4ig_UGyugu_fuegeu
-                    </div>
-                    <img class="fcpyBtn" title='Use this file' src="./copy.svg" onclick="console.log('button click');">
-                    <img class="fclsBtn" title='Remove this file' src="./close.svg">
-                </div>
-
-                <div class="colBar">
-                    <div class="sideBar 3D" >
-                        <span>X</span>
-                        <select >
-                            <option value="1">1</option>
-                            <option value="2">2</option>
-                            <option value="3">3</option>
-                        </select>
-                    </div>
-        
-                    <div class="sideBar">
-                        <span>Y</span>
-                        <select >
-                            <option value="1">1</option>
-                            <option value="2">2</option>
-                            <option value="3">3</option>
-                        </select>
-                    </div>
-                    <div class="sideBar">
-                        <span>Z</span>
-                        <select>
-                            <option value="1">1</option>
-                            <option value="2">2</option>
-                            <option value="3">3</option>
-                        </select>
-                    </div>
-                </div>
-
-            </div>
+        <div id="files"></div>
         </div>
     </div>
 
@@ -150,7 +112,6 @@
 
             <div id="figurecontainer"></div>
 
-            <!-- <div id="filler"> -->
                 <div class="borders" id="filler">
                     <div id='fill' class="extendUtils">
                         <span  class="fillTmp">Start</span>
@@ -204,7 +165,6 @@
                     </div>
                 </div>
 
-            <!-- </div> -->
         </div>
 
 

src/js/functions.js

@@ -442,7 +442,7 @@ function changeEditable(index,reset=false){
         updateOnServer();
         return
     }
-    $(`.scatterlayer .trace: .points path`).css({'pointer-events':'none'})
+    $(`.scatterlayer .trace .points path`).css({'pointer-events':'none'})
 
     let line1 = figurecontainer._fullData[currentEditable].line
     let marker1 = figurecontainer._fullData[currentEditable].marker