Stylished (issue #133).

codex-team · Feb 22, 2018 · 967adac · 967adac
1 parent d65ad0d
commit 967adac
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 9 deletions.
diff --git a/public/build/bundle.css b/public/build/bundle.css
diff --git a/public/build/bundle.js b/public/build/bundle.js
diff --git a/public/javascripts/aside.js b/public/javascripts/aside.js
@@ -263,7 +263,7 @@ export default class Aside {
       createNoteDOM(noteData.title, {id: noteData._id});
       return;
     } else {
-      codex.notes.searcher.pushData(noteData);
+      codex.notes.searcher.pushData({title: noteData.title, _id: noteData._id});
     }
 
     let notesMenu;

diff --git a/public/javascripts/searcher.js b/public/javascripts/searcher.js
@@ -102,7 +102,7 @@ export default class Searcher {
 
   /**
    * Remove note data from array where search will be done
-   * @param {Object} data - data to remove from the dataset
+   * @param {Object} dataId - the id of data to remove from the dataset
    */
   removeData( dataId ) {
     let existingDataIndex = this.dataset.length;

diff --git a/public/stylesheets/components/searcher.css b/public/stylesheets/components/searcher.css
@@ -4,11 +4,21 @@
         display: none;
     }
 
+    &__container {
+        margin-bottom: 15px;
+    }
+
     &__input {
+        padding: 5px 0px;
+        border: none;
+        border-bottom: 2px solid rgba(130,156,176,.42);
+        color: #63758c;
         background: none;
     }
 
     &__input:focus {
+        color: white;
+        border-bottom-color: white;
         outline: none;
     }
 

diff --git a/src/views/aside.pug b/src/views/aside.pug
@@ -6,17 +6,18 @@
 
         .aside-swiper__left
 
+            //-
+            //- Search
+            //-
+            .searcher__container
+                input.searcher__input(value="Search")
+
             //-
             //- Header
             //-
             span.add-note-button(name="js-new-note-button")
                 include ../../public/svg/pencil.svg
                 | New note
-
-            //-
-            //- Search
-            //-
-            input.searcher__input.add-note-button(value="Search")
 
             //-
             //- Scrollable zone