From baae0da9e0a6f43c4125508cbf80d8241ea29883 Mon Sep 17 00:00:00 2001 From: william Date: Thu, 5 Feb 2015 09:05:07 -0400 Subject: [PATCH] 16565: Red background graphic for error messages needs to be taller to see the text clearly MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- .../skinEngine/neoclassic/css/style.css | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/workflow/engine/skinEngine/neoclassic/css/style.css b/workflow/engine/skinEngine/neoclassic/css/style.css index 5d39a0fec..289b27d2a 100644 --- a/workflow/engine/skinEngine/neoclassic/css/style.css +++ b/workflow/engine/skinEngine/neoclassic/css/style.css @@ -244,6 +244,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 { -moz-border-radius: 6px;