#14 added logic to clear the input and fixed button styles

alan-null · May 30, 2016 · accd420 · accd420
1 parent b562e54
commit accd420
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 11 deletions.
diff --git a/app/images/ic_close_black_24dp_1x-b.png b/app/images/ic_close_black_24dp_1x-b.png
diff --git a/app/images/ic_close_black_24dp_2x-brighter.png b/app/images/ic_close_black_24dp_2x-brighter.png
diff --git a/app/manifest.json b/app/manifest.json
@@ -53,6 +53,6 @@
     "styles/main.css",
     "scripts/sc_ext-common.js",
     "scripts/fuzzy.min.js",
-    "images/ic_close_black_24dp_1x.png"
+    "images/ic_close_black_24dp_1x-b.png"
   ]
 }
diff --git a/app/scripts.ts/sc_ext.ts b/app/scripts.ts/sc_ext.ts
@@ -211,10 +211,8 @@ namespace SitecoreExtensions.Modules.FieldSearch {
         };
 
         private createClearButton(text: string): HTMLSpanElement {
-            // var iconUrl = chrome.extension.getURL("images/myimage.png");
             var closeButton = HTMLHelpers.createElement<HTMLSpanElement>('span', {
-                class: 'sc-ext-fieldSearchClear',
-                // style: "url('" + iconUrl + "')  0 -690px;"
+                class: 'sc-ext-fieldSearchClear'
             });
             var data = this;
             closeButton.onclick = (e: MouseEvent) => {
@@ -300,7 +298,9 @@ namespace SitecoreExtensions.Modules.FieldSearch {
         };
 
         clearSearch(e: MouseEvent) : void {
-
+            var char = document.getElementById("scextFieldSearch");
+            (<HTMLInputElement>char).value = "";
+            this.toggleSections(false);
         }
 
         addTreeNodeHandlers(className: string): void {

diff --git a/app/styles.sass/fieldSearch.scss b/app/styles.sass/fieldSearch.scss
@@ -15,12 +15,14 @@ span.sc-ext-searchFieldContainer {
     span.sc-ext-fieldSearchClear {
         position: absolute;
         display: block;
-        top: 0px;
-        right: 20px;
-        width: 16px;
-        height: 16px;
-        // background-image:url('chrome-extension://__MSG_@@extension_id__/images/ic_close_black_24dp_1x.png') 0 -690px;
-        background: url('chrome-extension://__MSG_@@extension_id__/images/ic_close_black_24dp_1x.png') -5px -5px;
+        border-top: 6px solid white;
+        border-bottom: 6px solid white;
+        border-right: 6px solid white;
+        top: -4px;
+        right: 11px;
+        width: 10px;
+        height: 10px;
+        background: url('chrome-extension://__MSG_@@extension_id__/images/ic_close_black_24dp_1x-b.png') 17px 17px;
         cursor: pointer;
     }