tool-bar-resizing

Author: ssnivy

sim/simulation.css

@@ -603,6 +603,8 @@ a.active {
 }
 
 .tool-section {
+  overflow-y: auto;
+  overflow-x: hidden;
   position: relative;
   flex: 1;
   display: flex;

sim/systemDynamics.html

@@ -101,8 +101,12 @@
                 <i class="fa-light fa-arrow-pointer"></i><span>Pointer [P]</span>
               </a></li>
 
+              <li><a href="#" id="stock_button" class="node_normal tool">
+                  <i class="fa-light fa-rectangle"></i><span>Stock [S]</span>
+              </a></li>
+
               <!-- Stock Tool with Variants -->
-              <li class="variant-group">
+              <!--<li class="variant-group">
                 <a href="#" id="stock_button" class="node_normal tool">
                   <i class="fa-light fa-rectangle"></i><span>Stock [S]</span>
                 </a>
@@ -118,7 +122,7 @@
                     <i class="fa-light fa-microwave"></i><span>Microwave</span>
                   </a>
                 </div>
-              </li>
+              </li>-->
 
               <!-- Other Tools -->
               <li><a href="#" id="cloud_button" class="node_normal tool">
@@ -133,7 +137,11 @@
                 <i class="fa-light fa-arrows-left-right"></i><span>Flow [F]</span>
               </a></li>
 
-              <li class="variant-group">
+              <li><a href="#" id="influence_button" class="link_normal tool">
+                  <i class="fa-light fa-repeat"></i><span>Influence [I]</span>
+              </a></li>
+
+              <!--<li class="variant-group">
                 <a href="#" id="influence_button" class="link_normal tool">
                   <i class="fa-light fa-repeat"></i><span>Influence [I]</span>
                 </a>
@@ -143,10 +151,14 @@
                     <i class="fa-light fa-circle-info"></i><span>Info Influence</span>
                   </a>
                 </div>
-              </li>
+              </li>-->
+
+              <li><a href="#" id="text_button" class="node_normal tool">
+                  <i class="fa-light fa-text"></i><span>Text [T]</span>
+              </a></li>
 
               <!-- Text Tool with Variants -->
-              <li class="variant-group">
+              <!--<li class="variant-group">
                 <a href="#" id="text_button" class="node_normal tool">
                   <i class="fa-light fa-text"></i><span>Text [T]</span>
                 </a>
@@ -156,7 +168,7 @@
                     <i class="fa-light fa-rotate-left fa-flip-horizontal"></i><span>Loop Label</span>
                   </a>
                 </div>
-              </li>
+              </li>-->
 
             </div>