PM-1472 16565: Red background graphic for error messages needs to be taller to see the text clearly

Causa: Esto se debe a que el .gif que se utiliza para mostrar lo errores, tiene un altura de 25px, entonces cuando el mensaje o texto de error es extenso y la resolucion de donde se ve es tipo mobile el texto hace un salto de linea: provocando no visualizarse bien, y por consiguiente no se lee muy bien.

Solucion: Este menasje esta inscrustado en un TD, y por consiguiente obedece a un estilo, es decir si detectamos el tamañe donde se ve podemos definir hacer algunos cambios, por ejemplo uno de ellos podriamos reducir el tamañe las letras entre otros. Se utiliza media Query CSS.

workflow/engine/skinEngine/base/css/style.css

@@ -68,6 +68,27 @@ img {
 	padding:0 20px;
     vertical-align:middle;
     font-weight: bold;
+	transition:2s all;
+    -webkit-transition:2s all;
+    -moz-transition:2s all;
+    -o-transition:2s all;
+    -ms-transition:2s all;
+}
+@media screen and (max-width: 768px) {
+    .temporalMessageERROR {
+          border-width: 0px;
+          font: normal 6pt "Open Sans", Tahoma, sans-serif, MiscFixed;
+          text-decoration: none;
+          height: 31px;
+          padding: 0 2px;
+          vertical-align: middle;
+          font-weight: bold;
+          transition:2s all;
+          -webkit-transition:2s all;
+          -moz-transition:2s all;
+          -o-transition:2s all;
+          -ms-transition:2s all;
+    }
 }
 .temporalMessageWARNING
 {

workflow/engine/skinEngine/neoclassic/css/style.css

@@ -250,7 +250,6 @@ img {
   -o-transition:2s all;
   -ms-transition:2s all;
 }
-
 @media screen and (max-width: 768px) {
     .temporalMessageERROR {
           border-width: 0px;