IMPORTANTE: SOLUCIÓN PADDING PASOS DE LAS OPERATIVAS

17 views
Skip to first unread message

Santiago Ares de Blas

unread,
Nov 23, 2011, 5:04:08 AM11/23/11
to Maquetación BBVANet
Hola a todos,
Para solucionar el problema de padding en los pasos de las operativas,
hay que aplicar una capa con clase "contenedorPaso" detro de cada LI.
Dentro de esa capa se incluirán los FORM, componentes,etc:

<li>
<div class="contenedorPaso">
<!-- aquí el contenido de cada paso -->
</div>
</li>

Esto implica eliminar las capas, estilos en línea y cualquier otra
solución que se aplicó previamente.

Voy a incluir esta regla en la scss "_componentes.scss" y la subo
inmediatamente:

#contenedor .c-widget-contenedorServicing .contenedorPaso {
@include medidasEM( $padding: 20 );
}


Un saludo,
Santi

Santiago Ares de Blas

unread,
Nov 23, 2011, 5:28:28 AM11/23/11
to Maquetación BBVANet
OJO > Os paso un ejemplo correcto (como incluir la capa "contenedorPaso" en la template):

<script type="text/template" id="tmpl_mostrarPaso1_definirFraseDeControl">
<div class="contenedorPaso">
<form>
    <div class="c-form-fraseControl">
        <aside class="c-mensajes-informativoRefuerzo">
            <p class="imagen"><img src ="{{ $B.staticPath }}/img/ico-aviso-pq.png" title="mensaje informativo" /></p>
            <div class="textoGestionable">
                <p>La frase de control aparacer&aacute; siempre junto a la petici&oacute;n del C.I.P., de esa forma podr&aacute;s saber que somos nosotros quienes te solicitamos tu c&oacute;digo.</p>
                <p>Nunca introduzcas tu C.I.P. si no va acompa&ntilde;ado de la frase de control</p>
            </div>
        </aside>
        <p class="c-form-introduccionTextoLibre">
            <label for="fraseControl">
                    <span class="observacionesTexto">Frase de control</span>
                    <span class="observacionesTextoDetalle">m&iacute;nimo <strong>{{minimoCaracteresFraseControl}} caracteres,</strong> m&aacute;ximo <strong>{{maximoCaracteresFraseControl}} caracteres</strong></span>
                    <input type="text" id="fraseControl" class="observacionesInput" placeholder="Introduce tu frase de control" maxlength="30" value = {{fraseControl}}/>       
            </label>
        </p>
    </div>
</form>
</div>
</script>

Santiago Ares de Blas

unread,
Nov 23, 2011, 5:49:59 AM11/23/11
to Maquetación BBVANet
Sincronizaros de nuevo y volved a bajaros "_componentes.scss". Cometí un error en el nombre de un ID.

Saludos

El 23 de noviembre de 2011 11:04, Santiago Ares de Blas <santiago.a...@gmail.com> escribió:

Juan Antonio Cepeda Gómez

unread,
Nov 23, 2011, 9:01:18 AM11/23/11
to maquetaci...@googlegroups.com
Gracias, funciona correctamente.
--

Juan Antonio Cepeda Gómez

UX2/User Experience Professional

Media Net Software

@ antonio...@medianet.es

W www.medianet.es

T +34 917 680 440


Reply all
Reply to author
Forward
0 new messages