sandbox container show

a way to make sure the sandbox container shows up when inside the
sandbox tracers and when you aren’t in it

css/stylesheet.css

@@ -256,7 +256,6 @@ section {
 
 .editor_container {
     left: 50%;
-    display: none;
 }
 
 .module_container {
@@ -264,6 +263,10 @@ section {
     border: none;
 }
 
+.hide{
+    display: none;
+}
+
 .tab_container {
     top: 30px;
     background: #242424;

index.html

@@ -127,7 +127,7 @@
             </div>
         </section>
     </div>
-    <div class="sandbox_container">
+    <div class="sandbox_container hide">
         <div>
             <div class="inputContainer">
                 <div>

js/dom/show_algorithm.js

@@ -25,6 +25,14 @@ module.exports = (category, algorithm, data, requestedFile) => {
     algorithm_name = categoryObj.list[algorithm];
   }
 
+  if(category_name === 'Sandbox'){
+      $('.editor_container').addClass('hide');
+      $('.sandbox_container').removeClass('hide');
+  }else{
+      $('.editor_container').removeClass('hide');
+      $('.sandbox_container').addClass('hide');
+  }
+
   $('.sidemenu button').removeClass('active');
   $menu.addClass('active');
 

js/index.js

@@ -40,7 +40,6 @@ $(() => {
 
   // load modules to the global scope so they can be evaled
   extend(true, window, modules);
-  extend(true, window, Sandbox);
 
   Server.loadCategories().then((data) => {
     app.setCategories(data);