Navbar and sidebar implemented into currentProjects. TODO: Should be more...

Navbar and sidebar implemented into currentProjects. TODO: Should be more object oriented. Make a seperate sidebar and topbar html and css

client/ideaBank.css

@@ -104,3 +104,63 @@ a {
     background-color:rgba(240, 240, 240, 0.635);
 }
 
+/*CSS for filer and search bar*/
+.searchBar {
+    width: 90vw;
+    height: 8vh;
+    background-color: #dcd9db;
+    display: flex;
+}
+
+
+.searchBarField input[type=text] {
+}
+
+/* Dropdown Button */
+.dropdownButton {
+    background-color: #04AA6D;
+    color: rgb(198, 86, 86);
+    padding: 20px;
+    height: 8vh;
+    width: 5%s;
+    font-size: 16px;
+    margin-left: 7vw;
+    margin-right: 7vw;
+    border: none;
+    display: flex;
+  }
+
+/* The container <div> - needed to position the dropdown content */
+.dropdownSearchBar {
+    position: relative;
+    display: inline-block;
+  }
+
+  /* Dropdown Content (Hidden by Default) */
+.dropdownContent {
+    display: none;
+    position: absolute;
+    background-color: #f1f1f1;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+  }
+
+  /* Links inside the dropdown */
+.dropdownContent a {
+    color: rgb(159, 40, 40);
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+  }
+
+/* Show the dropdown menu on hover. ISNT WORKIGN. FIX LATER */
+.dropdown:hover .dropdownContent {
+    display: block;
+    }
+/* Change color of dropdown links on hover */
+  .dropdownContent a:hover {background-color: #ddd;}
+
+  
+  /* Change the background color of the dropdown button when the dropdown content is shown */
+  .dropdownButton:hover .dropdownButton {background-color: #3e8e41;}
\ No newline at end of file