myheats

commit 8d13ad688d3364e33f152e9749654abb5b25e35a
parent c091ec7d1f610bb3d611d261cc55704e7ad25107
Author: Andreas Gruhler <andreas.gruhler@adfinis.com>
Date:   Fri, 11 Oct 2024 00:26:51 +0200

fix: remove overflow-x from startlist

The overflow setting hides the menu of the selectbox on the very bottom
of the table.

Diffstat:
M
src/frontend/Startlist.jsx
 | 
84
+++++++++++++++++++++++++++++++++++++++----------------------------------------

1 file changed, 41 insertions(+), 43 deletions(-)
diff --git a/src/frontend/Startlist.jsx b/src/frontend/Startlist.jsx
@@ -134,50 +134,48 @@ function StartlistForm({heatId, session}) {
           <li><b>Planned start:</b> {heatStart ? heatStart : 'n/a'}</li>
         </ul>
       </div>
-      <div className="table-container">
-        <table>
-          <thead>
-            <tr>
-              <th>Start Nr.</th>
-              <th>Firstname</th>
-              <th>Lastname</th>
-              <th>Birthday</th>
-              <th>School</th>
-              <th>Add/Delete</th>
+      <table>
+        <thead>
+          <tr>
+            <th>Start Nr.</th>
+            <th>Firstname</th>
+            <th>Lastname</th>
+            <th>Birthday</th>
+            <th>School</th>
+            <th>Add/Delete</th>
+          </tr>
+        </thead>
+        <tbody>
+        {startlist.map(i => (
+            <tr key={i.startlist_id}>
+              <td data-title='Start Nr.' className='right'>{i.nr}</td>
+              <td data-title='Firstname'>{i.firstname}</td>
+              <td data-title='Lastname'>{i.lastname}</td>
+              <td data-title='Birthday'>{i.birthday}</td>
+              <td data-title='School'>{i.school}</td>
+              <td><button onClick={e => removeAthleteFromHeat(
+                e,
+                i.startlist_id,
+                i.firstname,
+                i.lastname,
+                heatName,
+                session
+              )}>&ndash; del</button></td>
             </tr>
-          </thead>
-          <tbody>
-          {startlist.map(i => (
-              <tr key={i.startlist_id}>
-                <td data-title='Start Nr.' className='right'>{i.nr}</td>
-                <td data-title='Firstname'>{i.firstname}</td>
-                <td data-title='Lastname'>{i.lastname}</td>
-                <td data-title='Birthday'>{i.birthday}</td>
-                <td data-title='School'>{i.school}</td>
-                <td><button onClick={e => removeAthleteFromHeat(
-                  e,
-                  i.startlist_id,
-                  i.firstname,
-                  i.lastname,
-                  heatName,
-                  session
-                )}>&ndash; del</button></td>
-              </tr>
-            ))}
-            <tr className='input'>
-              <td data-title='Athlete' colSpan={5}>
-                <Select
-                  options={athleteOpts}
-                  onChange={(e) => setselectedAthlete(e)}
-                />
-              </td>
-              <td>
-                <button onClick={(e) => addtoHeat(e, selectedAthlete, heatId, session)}>&#43; add</button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
+          ))}
+          <tr className='input'>
+            <td data-title='Athlete' colSpan={5}>
+              <Select
+                options={athleteOpts}
+                onChange={(e) => setselectedAthlete(e)}
+              />
+            </td>
+            <td>
+              <button onClick={(e) => addtoHeat(e, selectedAthlete, heatId, session)}>&#43; add</button>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
   )
 }