[erp5_web_renderjs_ui] Improve relation field warning rendering

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -823,6 +823,10 @@ div[data-gadget-scope='header'] .ui-header > .ui-btn-left a {
     min-width: 5em;
   }
 }
+div[data-gadget-scope='header'] .ui-header > .ui-btn-right button.ui-icon-warning,
+div[data-gadget-scope='header'] .ui-header > .ui-btn-right a.ui-icon-warning {
+  background-color: #FF6600;
+}
 div[data-gadget-scope='header'] .ui-header h1 {
   text-align: left;
   line-height: 30pt;
@@ -1274,6 +1278,10 @@ div[data-gadget-scope='header'] .ui-header ul {
 .relation-input ul li:active {
   background-color: #1F1F1F;
 }
+.relation-input .ui-icon-warning {
+  color: #FF6600;
+  opacity: 1;
+}
 /**********************************************
 * Gadget: datetime field
 **********************************************/
@@ -1655,6 +1663,10 @@ div[data-gadget-scope='notification'] button.error {
     background-color: #085078;
     width: 8em;
   }
+  .desktop-panel-hidden div[data-gadget-scope="header"] .ui-header .ui-controlgroup-controls button.ui-icon-warning,
+  .desktop-panel-hidden div[data-gadget-scope="header"] .ui-header .ui-controlgroup-controls a.ui-icon-warning {
+    background-color: #FF6600;
+  }
   .desktop-panel-hidden div[data-gadget-scope="header"] .ui-header .ui-subheader {
     flex: 1 100%;
     text-align: center;
@@ -1728,12 +1740,6 @@ div[data-gadget-scope='maximize'] button:active {
   display: inline-block;
   content: "";
 }
-.ui-icon-warning {
-  background-color: #FF6600 !important;
-}
-.ui-icon-warning::before {
-  content: "\f071";
-}
 .ui-icon-spinner {
   opacity: 1;
 }
@@ -2073,6 +2079,9 @@ div[data-gadget-scope='maximize'] button:active {
 .ui-icon-eye-slash::before {
   content: "\f070";
 }
+.ui-icon-warning::before {
+  content: "\f071";
+}
 .ui-icon-low-vision::before {
   content: "\f2a8";
 }

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>965.42456.41629.30583</string> </value>
+                <value> <string>966.58726.49878.9454</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1519232300.75</float>
+                        <float>1523881593.56</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

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

@@ -997,6 +997,9 @@ div[data-gadget-scope='header'] .ui-header {
       @media @desktop {
         .renderDesktopSubLink();
       }
+      &.ui-icon-warning {
+        background-color: @coloraccent;
+      }
     }
   }
 
@@ -1489,6 +1492,11 @@ div[data-gadget-scope='header'] .ui-header {
 
     }
   }
+  .ui-icon-warning {
+    color: @coloraccent;
+    // Link is disabled in this case
+    opacity: 1;
+  }
 }
 
 /**********************************************
@@ -1896,6 +1904,9 @@ div[data-gadget-scope='notification'] {
       .ui-controlgroup-controls {
         button, a {
           .renderTabletHeaderButton();
+          &.ui-icon-warning {
+            background-color: @coloraccent;
+          }
         }
       }
 
@@ -1953,13 +1964,6 @@ div[data-gadget-scope='maximize'] button {
   }
 }
 
-.ui-icon-warning {
-  background-color: @coloraccent !important;
-  &::before {
-    content: "\f071";
-  }
-}
-
 .ui-icon-spinner {
   // Don't fade spinner
   opacity: 1;
@@ -2302,6 +2306,9 @@ div[data-gadget-scope='maximize'] button {
 .ui-icon-eye-slash::before {
   content: "\f070";
 }
+.ui-icon-warning::before {
+  content: "\f071";
+}
 .ui-icon-low-vision::before {
   content: "\f2a8";
 }