feat: sticky header

icpc-scu-community · Feb 8, 2020 · 5cf928c · 5cf928c
1 parent 93042cf
commit 5cf928c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/Components/Board/styles.js b/src/Components/Board/styles.js
@@ -5,21 +5,24 @@ export default css`
     display: flex;
     flex-direction: row;
     overflow: auto;
+    position: fixed;
+    width: 100%;
+    height: 100%;
   }
 
   /* trainees */
   .board .trainees-section {
-    background-color: white;
     position: sticky;
     left: 0;
     z-index: 1;
-    padding: 0 10px;
   }
 
   /* sheets */
   .board .sheets-section .sheets {
     display: flex;
     flex-direction: row;
+    position: sticky;
+    top: 0;
   }
 
   .board .sheets-section .trainee-problems-status {

diff --git a/src/Components/TraineeList/styles.js b/src/Components/TraineeList/styles.js
@@ -6,6 +6,8 @@ export default css`
   .trainee-list {
     display: flex;
     flex-direction: column;
+    background: white;
+    padding: 0 10px;
   }
 
   .trainee-list .header {
@@ -16,6 +18,10 @@ export default css`
     text-transform: uppercase;
     font-size: 14px;
     cursor: default;
+    background: white;
+    position: sticky;
+    top: 0;
+    z-index: 10;
   }
 
   .list-item {