Merge pull request #495 from Twenty-Three-Fifty-Nine/376-scroll-to-bo…

…ttom-if-new-assessment-card-goes-off-screen 376 scroll to bottom if new assessment card goes off screen
Twenty-Three-Fifty-Nine · Feb 26, 2024 · 7f278ad · 7f278ad
2 parents e7e833f + 5bbbb31
commit 7f278ad
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/public/index.html b/public/index.html
@@ -29,6 +29,12 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"/>
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
     <title>Twenty Three Fifty Nine</title>
+
+    <style>
+      html {
+        scroll-behavior: smooth;
+      }
+    </style>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/course-viewer/CourseViewer.jsx b/src/course-viewer/CourseViewer.jsx
@@ -416,6 +416,9 @@ const CourseViewer = (props) => {
                                     setCurrentEdit(newAss);
                                     setChangesMade(true);
                                     setValidChanges(false);
+                                    setTimeout(() => {
+                                        window.scrollTo(0, document.body.scrollHeight);
+                                    }, 250);
                                 }}
                             > Add Assessment </Button>
                         </Stack>