Some styling adjustment in the searchbox
authorMinh Tran <mit@openerp.com>
Thu, 10 May 2012 10:54:14 +0000 (12:54 +0200)
committerMinh Tran <mit@openerp.com>
Thu, 10 May 2012 10:54:14 +0000 (12:54 +0200)
bzr revid: mit@openerp.com-20120510105414-lcrrbg13ep8vldaf

addons/web/static/src/css/base.css
addons/web/static/src/css/base.sass

index dddf52f..5f54b1e 100644 (file)
@@ -1,4 +1,4 @@
-@charset "utf-8";
+@charset "UTF-8";
 @font-face {
   font-family: "mnmliconsRegular";
   src: url("/web/static/src/font/mnmliconsv21-webfont.eot") format("eot");
 }
 .openerp .oe_searchview .VS-search .VS-search-box {
   min-height: 0;
-  border-width: 1px;
   padding: 0;
   width: 480px;
   margin-bottom: 8px;
+  border: 1px solid #ababab;
+  -moz-border-radius: 13px;
+  -webkit-border-radius: 13px;
+  border-radius: 13px;
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
+  -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
 }
 .openerp .oe_searchview .VS-search .VS-icon {
   top: 6px;
 }
 .openerp .oe_searchview .VS-search .VS-icon-search {
-  left: 4px;
+  left: 2px;
   top: 3px;
   height: 18px;
   width: 18px;
   height: 22px;
 }
 .openerp .oe_searchview .VS-search .VS-search-inner .search_input input, .openerp .oe_searchview .VS-search .VS-search-inner .search_input .VS-input-width-tester {
-  padding: 0 2px;
   height: inherit;
   margin: 0;
 }
index 0a1eb7c..f0f6270 100644 (file)
@@ -883,24 +883,21 @@ $colour4: #8a89ba
         .VS-search
             .VS-search-box
                 min-height: 0
-                border-width: 1px
                 padding: 0
                 width: 480px
                 margin-bottom: 8px
-                //border: 1px solid #ababab
-                //margin-top: 0
-                //margin-bottom: 0
+                border: 1px solid #ababab
+                @include radius(13px)
+                @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
                 //padding: 4px 19px
                 //font-size: 13px
                 //background: url('../img/search.png') no-repeat 5px
                 //background-color: white
-                //@include radius(13px)
-                //@include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
             .VS-icon
                 top: 6px
 
             .VS-icon-search
-                left: 4px
+                left: 2px
                 top: 3px
                 height: 18px
                 width: 18px
@@ -924,7 +921,6 @@ $colour4: #8a89ba
                     margin-left: 0
                     height: 22px
                     input, .VS-input-width-tester
-                        padding: 0 2px
                         height: inherit
                         margin: 0