Simple search functionality (#28)

* simple search functionality

* filter by multiple words

* fix firefox styling issues

* add test for and filter

1 files changed, 38 insertions, 0 deletions

diff --git a/css/notes.css b/css/notes.css
index 5f4f1f4c..c39c7bfe 100644
--- a/css/notes.css
+++ b/css/notes.css
@@ -14,6 +14,25 @@
     padding-left: 2px;
 }
 
+#app-navigation li .nav-entry {
+	display: block;
+	width: 100%;
+	line-height: 44px;
+	min-height: 44px;
+	padding: 0 12px;
+	overflow: hidden;
+	box-sizing: border-box;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	color: #000;
+	opacity: .57;
+}
+
+#app-navigation li:hover .nav-entry,
+#app-navigation li:focus .nav-entry {
+	opacity: 1;
+}
+
 #app-navigation #note-add:hover span,
 #app-navigation #note-add:focus span {
     display: inline;
@@ -52,6 +71,25 @@
     opacity: 1 !important;
 }
 
+.note-search span {
+    background-position: 0 center;
+    background-origin: content-box;
+}
+
+.note-search input {
+    width: 100%;
+    padding-left: 20px;
+    background-color: transparent;
+    border: none;
+    border-radius: 0;
+}
+
+.note-search input:active,
+.note-search input:focus,
+.note-search input:hover {
+    border-bottom: 1px solid grey;
+}
+
 .tooltip {
     text-shadow: none;
     text-transform: none;