[erp5_web_renderjs_ui] CSS: only align right float value in Listbox

Follow xhtml_style CSS.

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -1305,8 +1305,6 @@ div[data-gadget-scope='header'] .ui-header ul {
 /**********************************************
 * Gadget: float/integer field
 **********************************************/
-.floatfield p,
-.integerfield p,
 .floatfield input,
 .integerfield input {
   text-align: right;
@@ -1423,6 +1421,11 @@ div[data-gadget-scope='erp5_searchfield'] div.search_parsed_value button {
 .document_table table a {
   color: #1F1F1F;
 }
+.document_table table .floatfield p,
+.document_table table .integerfield p {
+  text-align: right;
+  white-space: nowrap;
+}
 .document_table table tbody {
   animation: fadein 0.2s ease-out;
 }

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -240,7 +240,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>971.20364.49895.30788</string> </value>
+                <value> <string>975.34558.59242.38229</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -258,7 +258,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1540981324.5</float>
+                        <float>1557129679.58</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

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

@@ -1527,12 +1527,17 @@ div[data-gadget-scope='header'] .ui-header {
 /**********************************************
 * Gadget: float/integer field
 **********************************************/
-.floatfield, .integerfield {
-  p, input {
-    text-align: right;
-    // Do not render float/integer on multiline
-    // as it make them unreadable
-    white-space: nowrap;
+.alignFloatValueOnTheRight() {
+  text-align: right;
+  // Do not render float/integer on multiline
+  // as it make them unreadable
+  white-space: nowrap;
+}
+@floatvalue-selector: .floatfield, .integerfield;
+
+@{floatvalue-selector} {
+  input {
+    .alignFloatValueOnTheRight();
   }
 }
 
@@ -1659,6 +1664,16 @@ div[data-gadget-scope='erp5_searchfield'] {
       color: @colorforeground;
     }
 
+    @{floatvalue-selector} {
+      // Only align right the float value inside Listbox
+      // outside listbox, it is unpleasant to read
+      // and useless, as previous/next fields are probably not
+      // float/integer to compare
+      p {
+        .alignFloatValueOnTheRight();
+      }
+    }
+
     tbody {
       animation: fadein @transition-timing;