[FIX] kanban view: css change for title elipsis

bzr revid: chm@openerp.com-20130109094451-0exhihw3f91o466s

diff --git a/addons/web_kanban/static/src/css/kanban.css b/addons/web_kanban/static/src/css/kanban.css
index 1dd5406..3083a9e 100644 (file)
--- a/addons/web_kanban/static/src/css/kanban.css
+++ b/addons/web_kanban/static/src/css/kanban.css
@@ -78,14 +78,29 @@
   font-size: 13px;
 }
 .openerp .oe_kanban_view .oe_kanban_group_title {
+  position: relative;
   font-size: 16px;
   font-weight: bold;
   color: #333333;
   text-shadow: 0 1px 0 white;
+  margin-right: 30px;
+  width: 200px;
 }
-.openerp .oe_kanban_view .oe_kanban_group_title > span {
+.openerp .oe_kanban_view .oe_kanban_group_title .oe_kanban_group_title_text {
   margin-right: 4px;
-  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.openerp .oe_kanban_view .oe_kanban_group_title .oe_kanban_group_length {
+  position: absolute;
+  top: -1px;
+  right: -14px;
+  text-align: center;
+  float: right;
+}
+.openerp .oe_kanban_view .oe_kanban_header:hover .oe_kanban_group_length {
+  display: none;
 }
 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column, .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_group_header {
   width: 185px;

diff --git a/addons/web_kanban/static/src/css/kanban.sass b/addons/web_kanban/static/src/css/kanban.sass
index f787072..988dee0 100644 (file)
--- a/addons/web_kanban/static/src/css/kanban.sass
+++ b/addons/web_kanban/static/src/css/kanban.sass
@@ -106,14 +106,24 @@
             font-weight: normal
             font-size: 13px
     .oe_kanban_group_title
+        position: relative
         font-size: 16px
         font-weight: bold
         color: #333333
         text-shadow: 0 1px 0 white
-        > span
+        margin-right: 30px
+        width: 200px
+        .oe_kanban_group_title_text
             margin-right: 4px
-            display: inline-block
-
+            white-space: nowrap
+            overflow: hidden
+            text-overflow: ellipsis
+        .oe_kanban_group_length
+          position: absolute
+          top: -1px
+          right: -14px
+          text-align: center
+          float: right
     &.oe_kanban_grouped
         .oe_kanban_column, .oe_kanban_group_header
             width: 185px

diff --git a/addons/web_kanban/static/src/xml/web_kanban.xml b/addons/web_kanban/static/src/xml/web_kanban.xml
index 115e6d4..67ee563 100644 (file)
--- a/addons/web_kanban/static/src/xml/web_kanban.xml
+++ b/addons/web_kanban/static/src/xml/web_kanban.xml
@@ -46,10 +46,10 @@
                     </div>
                 <div class="oe_fold_column">
                     <div t-attf-class="oe_kanban_group_title #{widget.undefined_title ? 'oe_kanban_group_title_undefined' : ''}">
-                        <span><t t-esc="widget.title"/></span>
-                        <span class="oe_kanban_group_length oe_tag" style="position:relative; top:-2px;">
+                        <div class="oe_kanban_group_length oe_tag">
                             <t t-if="widget.group.get('length') &gt; 99"> 99+ </t><t t-if="widget.group.get('length') &lt;= 99"> <t t-esc="widget.group.get('length')"/> </t>
-                        </span>
+                        </div>
+                        <div class="oe_kanban_group_title_text" t-att-title="widget.title"><t t-esc="widget.title"/></div>
                     </div>
                     <ul class="oe_kanban_aggregates">
                         <li t-foreach="widget.aggregates" t-as="aggregate">