[erp5_web_renderjs_ui] Improve worklist rendering

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.css

@@ -840,16 +840,22 @@ div[data-gadget-scope='header'] .ui-header ul a {
   border-bottom-style: none;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 }
-.gadget-content ul.document-listview li a {
-  display: block;
-  padding: 0.7em 1em;
-  color: #222222;
-}
-.gadget-content ul.document-listview li a:after {
+.gadget-content ul.document-listview li:not(.ui-li-has-count) a:after {
   font-family: FontAwesome;
   content: "\f0da";
   text-align: right;
   float: right;
+  position: absolute;
+  right: 1.5em;
+}
+.gadget-content ul.document-listview li a {
+  display: block;
+  padding: 0.7em 1em;
+  padding-right: 2.5em;
+  color: #222222;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .gadget-content ul.document-listview li a:hover,
 .gadget-content ul.document-listview li a:active {
@@ -864,6 +870,14 @@ div[data-gadget-scope='header'] .ui-header ul a {
   border-bottom-right-radius: 0.325em;
   border-bottom-style: solid;
 }
+.gadget-content ul.document-listview li .ui-li-count {
+  float: right;
+  padding: 0 0.5em;
+  border: 1px solid rgba(0, 0, 0, 0.14);
+  border-radius: 0.325em;
+  position: absolute;
+  right: 1.5em;
+}
 @media only screen and (min-width: 62em) {
   .gadget-content .left,
   .gadget-content .right {

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml

@@ -236,7 +236,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>952.43131.61056.30890</string> </value>
+                <value> <string>952.43232.32404.12953</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -254,7 +254,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1468932538.95</float>
+                        <float>1468938362.25</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -963,16 +963,30 @@ div[data-gadget-scope='header'] .ui-header {
       border-bottom-style: none;
       box-shadow: 0 1px 3px rgba(0,0,0,.15);
   
+      &:not(.ui-li-has-count) {
+        a {
+          &:after {
+            font-family: FontAwesome;
+            content: "\f0da";
+            text-align: right;
+            float:right;
+            position: absolute;
+            right: 1.5em;
+          }
+        }
+      }
+
       a {
         display: block;
         padding: 0.7em 1em;
+        padding-right: 2.5em;
+
         color: #222222;
-        &:after {
-          font-family: FontAwesome;
-          content: "\f0da";
-          text-align: right;
-          float:right;
-        }
+
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
         &:hover, &:active {
           background-color: @colorblocklinkbackground;
         }
@@ -986,6 +1000,16 @@ div[data-gadget-scope='header'] .ui-header {
         border-bottom-right-radius: @radius;
         border-bottom-style: solid;
       }
+
+      .ui-li-count {
+        float: right;
+        padding: 0 0.5em;
+        border: 1px solid rgba(0, 0, 0, 0.14);
+        border-radius: @radius;
+        position: absolute;
+        right: 1.5em;
+      }
+
     }
   }