Make match list on match play page scroll locally rather than with th…

…e whole page.
Team254 · Jul 1, 2023 · 328913f · 328913f
1 parent 907a9a2
commit 328913f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/static/css/cheesy-arena.css b/static/css/cheesy-arena.css
@@ -118,3 +118,15 @@ input[data-changed="true"], select[data-changed="true"] {
   margin-top: 5px;
   margin-bottom: 10px;
 }
+.match-list {
+  height: 610px;
+  overflow-y: auto;
+}
+.match-list table {
+  border-collapse: separate;
+}
+.match-list th {
+  position: sticky;
+  top: 0;
+  background-color: #fff;
+}
diff --git a/templates/match_play.html b/templates/match_play.html
@@ -22,7 +22,7 @@
     </ul>
     <div class="tab-content">
       {{range $type, $matches := .MatchesByType}}
-        <div class="tab-pane {{if eq $.CurrentMatchType $type}} active{{end}}" id="{{$type}}">
+        <div class="match-list tab-pane {{if eq $.CurrentMatchType $type}} active{{end}}" id="{{$type}}">
           <table class="table table-striped table-hover ">
             <thead>
               <tr>