Add incomplete sticky definitionContainer

compupro · Nov 13, 2018 · 1c6f3f1 · 1c6f3f1
1 parent af6fa16
commit 1c6f3f1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -10,7 +10,6 @@
 		<input type="button" onclick="processInput();" value="Go!"></input>
 		<hr>
 		<div id="wordElementContainer"></div>
-		<hr>
 		<div id="definitionContainer"></div>
         <!--TEMPORARY TEST ROUTINE SCRIPT-->
         <script type="text/javascript" src="tests.js"></script>

diff --git a/main.css b/main.css
@@ -34,4 +34,16 @@
 table {
     border: 1px solid black;
     margin-left: 5px;
+}
+
+#definitionContainer {
+    background-color: white;
+    position: sticky;
+    bottom: 0;
+    height: 25%;
+    overflow-y: auto;
+    border: 1px solid black;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-bottom: 5px;
 }