knapp som toommer search uten styling
authorRoza Moustafa <roza.92m@hotmail.com>
Sun, 29 Nov 2015 16:00:11 +0000 (17:00 +0100)
committerRoza Moustafa <roza.92m@hotmail.com>
Sun, 29 Nov 2015 16:00:11 +0000 (17:00 +0100)
src/components/search/search.html
src/components/search/search.ts
src/css/map.css

index ccd5bfa..9fab940 100644 (file)
@@ -1,5 +1,5 @@
 <div id="search">
-
+<form>
     <label class="sr-only" for="livesearch">Search</label>
 
         <input
                name="livesearch"
                id="livesearch"
                placeholder="Search"
-                value = ""
-
-                />
+                value = "" />
 
+    <button class="emptysearch"(click)="hideDiv()">
+        &cross; </button>
+</form>
 
 <span [hidden]="hideDiv()">
 
@@ -30,8 +31,6 @@
 </span>
 
 
-
-
 </div>
 
 
@@ -71,4 +70,3 @@
 </ul>
 
 </div>
-
index 7b6c506..b33c8b2 100644 (file)
@@ -21,7 +21,6 @@ export class Search {
         this.newsearch = new EventEmitter();
         this.visible = true;
 
-
     }
 
     getMoreInfo(orgunit) {
@@ -34,6 +33,7 @@ export class Search {
         this.visible = !this.visible;
     }
 
+
     hideDiv(){
         if(livesearch.value == "")
             return true;
index 9cc1511..4219213 100644 (file)
@@ -127,13 +127,9 @@ html, body {
     text-align: center;
     height: 52px;
     cursor: pointer;
-    position: relative;
     float: left;
     position: -webkit-sticky;
-
     position: sticky;
-
-
 }
 
 .glyphicon-menu-down{
@@ -193,3 +189,25 @@ html, body {
     display:none;
 }
 
+.emptysearch {
+    border-radius: 60px;
+    background-color: lightgrey;
+    border: black;
+    margin-left: 520px;
+}
+
+.emptysearch:hover{
+    background-color: white;
+
+}
+
+.emptysearch:after {
+    display: block;
+    position: absolute;
+    margin: auto;
+    padding: 2px;
+    cursor: pointer;
+}
+.livesearch:not(:valid) ~ .close-icon {
+     display: none;
+ }
\ No newline at end of file