partlist Y scroll (#63)

smariel · Sep 13, 2019 · cd35f48 · cd35f48
1 parent adc1875
commit cd35f48
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 21 deletions.
diff --git a/css/partListEditor.css b/css/partListEditor.css
diff --git a/html/partListEditor.html b/html/partListEditor.html
@@ -15,26 +15,29 @@
   </head>
 
   <body>
-    <table class="partlist">
-      <thead>
-        <tr class="tr_top">
-          <th class="th_charac" colspan="5">Part Description</th>
-          <th class="th_power" colspan="2">Total Power</th>
-        </tr>
-        <tr class="tr_bottom">
-          <th class="th_charac">#</th>
-          <th class="th_charac">Name</th>
-          <th class="th_charac">Part Number</th>
-          <th class="th_charac">Function</th>
-          <th class="th_charac">Tags</th>
-          <th class="th_power th_typ">P<sub>TYP</sub></th>
-          <th class="th_power th_max">P<sub>MAX</sub></th>
-        </tr>
-      </thead>
-      <tbody>
+    <div class="partlist_container">
+      <table class="partlist">
+        <thead>
+          <tr class="tr_top">
+            <th class="th_charac" colspan="5">Part Description</th>
+            <th class="th_power" colspan="2">Total Power</th>
+          </tr>
+          <tr class="tr_bottom">
+            <th class="th_charac">#</th>
+            <th class="th_charac">Name</th>
+            <th class="th_charac">Part Number</th>
+            <th class="th_charac">Function</th>
+            <th class="th_charac">Tags</th>
+            <th class="th_power th_typ">P<sub>TYP</sub></th>
+            <th class="th_power th_max">P<sub>MAX</sub></th>
+          </tr>
+        </thead>
+        <tbody>
+
+        </tbody>
+      </table>
+    </div>
 
-      </tbody>
-    </table>
     <div class="emptyzone">
     </div>
 

diff --git a/sass/partListEditor.scss b/sass/partListEditor.scss
@@ -12,9 +12,13 @@ body {
    user-select:    none;
 }
 
+.partlist_container {
+   flex-grow: 0;
+   overflow-y: visible;
+}
+
 .partlist {
    min-width: 100%;
-   flex-grow: 0;
 }
 
 .emptyzone {