litt design av filtermeny + plassering
authorRoza Moustafa <roza.92m@hotmail.com>
Sun, 6 Dec 2015 15:25:21 +0000 (16:25 +0100)
committerRoza Moustafa <roza.92m@hotmail.com>
Sun, 6 Dec 2015 15:25:21 +0000 (16:25 +0100)
src/components/search/search.html
src/css/map.css

index b00679f..d966093 100644 (file)
     </div>
 </span>
         <div class="row">
-            <div class="test col-md-8"></div>
+           <span [hidden]="!hideDiv()">
+                <div class="divhelp col-md-8"></div>
+           </span>
+
 
 
 <div id="dropdowndiv" class="btn-group collapse col-md-2">
index a434134..3aad2fe 100644 (file)
@@ -31,7 +31,7 @@ html, body {
 /* search input*/
 
 #livesearch{
-    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
+    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
     font-size: 16px;
     font-family: Montserrat, sans-serif;
     border: 1px solid white;
@@ -67,7 +67,7 @@ html, body {
 .knapp
 {
     border-radius: 0px 2px 2px 0px; /* top left, top right, bottom right, bottom left */
-    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
+    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
     border-right: 1px solid white;
     border-top:1px solid white;
     border-bottom: 1px solid white;
@@ -95,13 +95,13 @@ html, body {
     background-color: white;
     border-radius: 0;
     border-top: 2px solid darkgrey;
-    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
 
 }
 
-.test{
+.divhelp{
     padding:0;
-    margin: 0;
+    margin-left: 5px;
     height: 40vh;
     position: relative;
     z-index: 1;
@@ -133,7 +133,7 @@ html, body {
     list-style: none;
     background-color: #fff;
     border: 1px solid whitesmoke;
-    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
     border-radius: 0px 0px 2px 2px; /* top left, top right, bottom right, bottom left */
 }
 
@@ -141,7 +141,7 @@ html, body {
     padding: 0.5em 0.5em 0.5em 0;
     margin: auto;
     float: none;
-    border-bottom: 1px solid grey;
+    border-bottom: 2px solid whitesmoke;
 
 }
 
@@ -164,7 +164,6 @@ html, body {
 
 .results > li > a:focus, .results > li > a:hover {
     position: relative;
-    margin-top: 20px;
     color: #262626;
     text-decoration: none;
     background-color: #f5f5f5
@@ -185,16 +184,20 @@ html, body {
 .dropdowndiv{
     padding:0;
     margin: 0;
+
 }
 .meny{
+    border: none;
+    border-top: 2px solid darkgrey;
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
+    border-radius: 0px 2px 2px 2px; /* top left, top right, bottom right, bottom left */
     top: 0px;
     margin-top: 0;
     z-index: 1;
     position: absolute;
     float: left;
     background-color: white;
-    border-radius: 0px;
-    margin-left: 6px;
+    margin-left: 2px;
 }
 
 .meny li{
@@ -205,20 +208,27 @@ html, body {
 
 .filtervalg{
     box-shadow: 0 0 1px darkgrey;
-    margin-top: 10px;
-    margin-bottom: 10px;
-    width: 200px;
-    height: 20px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    width: 100%;
     font-size: 12px;
     font-family: Montserrat, sans-serif;
-    border: 1px solid darkgrey;
+    border: none;
+    border-radius: 2px;
     color: black;
     outline: none;
-    background: whitesmoke;
+    background: white;
     box-sizing: border-box;
     transition: all 0.15s;
 }
 
+.filtervalg:focus{
+    outline: 0;
+}
+.bootstrap-select .btn:focus {
+    outline: none !important;
+}
+
 .hide {
     display:none;
 }