table

callysto · Mar 27, 2024 · 75a7f70 · 75a7f70
1 parent 97357e7
commit 75a7f70
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/content/learningmodule/_index.md b/content/learningmodule/_index.md
@@ -16,6 +16,7 @@ Filter learning modules by the following subject areas:
 <li>SCIENCE</li>
 </ul>
 Type in the subject name in the search box below. 
+<br>
 <!-- <a href="/workspaces/callysto.github.io/content/post/content_1.md" target="_blank">Test md</a> -->
 
 <!-- <button style="background:#3630a3;color:white;"
@@ -24,7 +25,7 @@ Type in the subject name in the search box below.
 
 <script src="table.js"></script>
 
-<input type="text" id="myInput" border="1px solid #000" width="200px" padding="20px" onkeyup="myFunction()" placeholder="Search by subject.." title="Type in a name">
+<input class="task-text" type="text" id="myInput" onkeyup="myFunction()" placeholder="Search by subject.." title="Type in a name">
 
 <table  id="myTable" class="table table-bordered table-hover table-condensed">
 <thead><tr><th title="Field #1">Subject</th>

diff --git a/content/learningmodule/table.js b/content/learningmodule/table.js
@@ -23,4 +23,15 @@ function myFunction() {
             tr[i].style.display = "none";
           }
         }
+    }
+
+.task-text {
+    padding: 5px;
+    outline: none;
+    border: none;
+    box-shadow: inset 0 0 0 5px red;
+    }
+
+    .task-text:hover {
+    box-shadow: inset 0 0 0 2px red;
     }