[erp5_web_renderjs_ui] CSS: add support for the required class

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -1066,18 +1066,18 @@ div[data-gadget-scope='header'] .ui-header ul {
 .gadget-content .ui-field-contain > label {
   color: #777777;
 }
+.gadget-content .ui-field-contain > label.required {
+  font-weight: bold;
+}
+.gadget-content .ui-field-contain > label.invisible {
+  display: none;
+}
 @media only screen and (min-width: 45em) and (max-width: 85em), not screen and (max-width: 85em) {
   .gadget-content .ui-field-contain {
     display: flex;
   }
   .gadget-content .ui-field-contain > label {
     flex: 1;
-    /* Disclaimer: Class .invisible is here only for backward-compatibility!
-                       Don't rely on this class because it will be removed.
-                       It was used to hide the label of a FormBox. */
-  }
-  .gadget-content .ui-field-contain > label.invisible {
-    display: none;
   }
   .gadget-content .ui-field-contain > label + div {
     flex: 3;

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -242,7 +242,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>964.15434.53071.55364</string> </value>
+                <value> <string>964.15700.34446.43025</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1513679339.57</float>
+                        <float>1513694877.1</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

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

@@ -1242,6 +1242,16 @@ div[data-gadget-scope='header'] .ui-header {
   .ui-field-contain {
     & > label {
       color: @grey;
+
+      // backward-compatibility: support for ERP5 field class defined in formulator configuration
+      &.required {
+        // inform user that the field is needed by contraint, but do not prevent him to save the value
+        font-weight: bold;
+      }
+      &.invisible {
+        // used to hide the label of a formbox
+        display: none;
+      }
     }
   }
 
@@ -1250,12 +1260,6 @@ div[data-gadget-scope='header'] .ui-header {
       display: flex;
       & > label {
         flex: 1;
-        /* Disclaimer: Class .invisible is here only for backward-compatibility!
-                       Don't rely on this class because it will be removed.
-                       It was used to hide the label of a FormBox. */
-        &.invisible {
-          display: none;
-        }
       }
       & > label + div {
         flex: 3;