Merge lp:~openerp-dev/openerp-web/7.0-serachview-facets-bth into lp:openerp-web/7.0

[Bhumi Thakkar (Open ERP)]

Hello,

   In searchview when text are long or many texts are there at that time close of searchview-facets and values's close both r merged. search view is not looking good when we have particular lenght of text to search https://docs.google.com/file/d/0BzK8IdwLAVd9OTNtZHAtbnV4cWc/edit?pli=1

Fixed issue in searchview when long text is enetered, text is going out of searchview and serachview looks not proper (look like https://docs.google.com/document/d/1yOwUSP9BI1d9E2cD-uwxoxvuY0F0tD3gCV3LuGg9-6Q/edit)

Thanks.

[Xavier (Open ERP) (xmo-deactivatedaccount)]

> Fixed issue in searchview when long text is enetered, text is going out of searchview and serachview looks not proper (look like https://docs.google.com/document/d/1yOwUSP9BI1d9E2cD-uwxoxvuY0F0tD3gCV3LuGg9-6Q/edit)

Sorry, can't bring me to care about garbage input, please fix the other part *only* and I'll review that.

review: Disapprove

[Bhumi Thakkar (Open ERP) (bth-openerp)]

Fixed

[Bhumi Thakkar (Open ERP) (bth-openerp)]

review: Needs Resubmitting

Unmerged revisions

3710. By Bhumi Thakkar (Open ERP) on 2013-01-23

[FIX] remove code for search drawer.

3709. By Bhumi Thakkar (Open ERP) on 2013-01-22

[FIX] when long text is enetered, text is going out of searchview.

=== modified file 'addons/web/static/src/css/base.css'
--- addons/web/static/src/css/base.css	2013-01-09 13:18:48 +0000
+++ addons/web/static/src/css/base.css	2013-01-22 11:20:25 +0000
@@ -1631,7 +1631,7 @@
   float: right;
   padding: 1px 0;
   line-height: 18px;
-  width: 400px;
+  width: 500px;
   border: 1px solid #ababab;
   background: white;
   -moz-border-radius: 13px;
@@ -1715,6 +1715,10 @@
 .openerp .oe_searchview .oe_searchview_facets {
   min-height: 22px;
   margin-left: 15px;
+  width: 450px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  max-height: 60px;
 }
 .openerp .oe_searchview .oe_searchview_facets * {
   vertical-align: top;
@@ -1732,8 +1736,10 @@
 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_input {
   padding: 0 0 0 6px;
   font-size: 12px;
-  height: 16px;
+  height: auto;
   margin-top: 3px;
+  max-width: 11em;
+  word-wrap: break-word;
 }
 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_input:focus {
   outline: none;
@@ -1755,9 +1761,9 @@
   -moz-border-radius: 0 3px 3px 0;
   -webkit-border-radius: 0 3px 3px 0;
   border-radius: 0 3px 3px 0;
+  display: inline-block;
 }
 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_category, .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_value {
-  height: 18px;
   padding: 0 4px;
 }
 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_category {
@@ -1771,6 +1777,8 @@
   border-left: 1px solid #afafb6;
   text-shadow: 0 1px 1px white;
   color: #4c4c4c;
+  max-width: 11em;
+  word-wrap: break-word;
 }
 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_value:last-child {
   padding-right: 16px;
@@ -3125,6 +3133,7 @@
 }
 .ui-menu .ui-menu-item a {
   padding: 1px 16px;
+  word-wrap: break-word;
 }
 .ui-menu .ui-menu-item a.ui-corner-all {
   -moz-border-radius: 0;

=== modified file 'addons/web/static/src/css/base.sass'
--- addons/web/static/src/css/base.sass	2013-01-09 13:18:48 +0000
+++ addons/web/static/src/css/base.sass	2013-01-22 11:20:25 +0000
@@ -1308,7 +1308,7 @@
         float: right
         padding: 1px 0
         line-height: 18px
-        width: 400px
+        width: 500px
         border: 1px solid #ababab
         background: white
         @include radius(13px)
@@ -1367,6 +1367,10 @@
         .oe_searchview_facets
             min-height: 22px
             margin-left: 15px
+            width: 450px
+            overflow-y: auto
+            overflow-x: hidden
+            max-height: 60px
             *
                 vertical-align: top
                 display: inline-block
@@ -1380,8 +1384,10 @@
             .oe_searchview_input
                 padding: 0 0 0 6px
                 font-size: 12px
-                height: 16px
+                height: auto
                 margin-top: 3px
+                max-width: 11em
+                word-wrap: break-word
                 &:focus
                     outline: none
             .oe_searchview_facet
@@ -1396,8 +1402,8 @@
                 .oe_facet_values
                     background: #f0f0fa
                     @include radius(0 3px 3px 0)
+                    display: inline-block
                 .oe_facet_category, .oe_facet_value
-                    height: 18px
                     padding: 0 4px
                 .oe_facet_category
                     color: white
@@ -1408,6 +1414,8 @@
                     border-left: 1px solid $tag-border
                     text-shadow: 0 1px 1px white
                     color: #4C4C4C
+                    max-width: 11em
+                    word-wrap: break-word
                     &:last-child
                         padding-right: 16px
                 .oe_facet_remove
@@ -2467,6 +2475,7 @@
         padding: 0
         a
             padding: 1px 16px
+            word-wrap: break-word
         a.ui-corner-all
             @include radius(0)
         a.ui-state-active