oppdatert dropdown med selector
authorRoza Moustafa <roza.92m@hotmail.com>
Thu, 26 Nov 2015 08:59:50 +0000 (09:59 +0100)
committerRoza Moustafa <roza.92m@hotmail.com>
Thu, 26 Nov 2015 08:59:50 +0000 (09:59 +0100)
src/components/search/search.html
src/css/map.css

index 0c67195..27e13f5 100644 (file)
@@ -10,7 +10,6 @@
                class="livesearch"
                name="livesearch"
                id="livesearch"
-                value="lol"
                placeholder="Search"
                 />
     <img class="loadingpic" [hidden]="!loading"
@@ -31,6 +30,7 @@
 
 <button type="button" class="knapp" data-toggle="collapse" data-target="#dropdown-menu">
 
+
     <!--pil opp og ned-->
 
     <div class="zippy">
     <li><a href="#">Something else here</a></li>
     <li role="separator" class="divider"></li>
     <li><a href="#">Separated link</a></li>
-    <li><div class="checkbox">
-        <label><input type="checkbox" value="">Option 1</label>
-    </div>
-        <div class="checkbox">
-            <label><input type="checkbox" value="">Option 2</label>
-        </div>
-        <div class="checkbox disabled">
-            <label><input type="checkbox" value="" disabled>Option 3</label>
-        </div></li>
-    <select>
+    <li>
+        <select class="form-control filtervalg">
+            <option selected="selected"> Alle </option>
+            <option value="volvo">Volvo</option>
+            <option value="saab">Saab</option>
+            <option value="opel">Opel</option>
+            <option value="audi">Audi</option>
+        </select>
+    </li>
+    <li>
+    <select class="form-control filtervalg">
+        <option selected="selected"> Alle </option>
         <option value="volvo">Volvo</option>
         <option value="saab">Saab</option>
         <option value="opel">Opel</option>
         <option value="audi">Audi</option>
     </select>
+    </li>
 
 
 </ul>
index abb45ef..3e6a6d9 100644 (file)
@@ -49,6 +49,9 @@ html, body {
 
 .dropdown-menu li{
     background-color: white;
+    padding-left: 20px;
+    padding-right: 20px;
+
 
 }
 
@@ -112,7 +115,6 @@ html, body {
 .knapp
 {
     box-shadow: 0 0 1px darkgrey;
-
     border-right: 1px solid darkgrey;
     border-top:1px solid darkgrey;
     border-bottom: 1px solid darkgrey;
@@ -169,4 +171,22 @@ html, body {
 .loadingpic{
     width: 50px;
     height: 50px;
-}
\ No newline at end of file
+}
+
+.filtervalg{
+    box-shadow: 0 0 1px darkgrey;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    width: 200px;
+    height: 20px;
+    font-size: 12px;
+    font-family: Montserrat, sans-serif;
+    border: 1px solid darkgrey;
+    color: black;
+    outline: none;
+    background: white;
+    box-sizing: border-box;
+    transition: all 0.15s;
+}
+
+