argob / poncho

Framework front-end HTML y CSS para la creación de sitios pertenecientes a la Administración Pública Nacional de la República Argentina - Basado en Bootstrap

Home Page:http://argob.github.io/poncho/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

input-sm font-size and height error

ngoldenberg opened this issue · comments

Acutalmente, al utilizar la clase .input-sm en un elemento html select, por ejemplo:

<label for="trimesters">Trimestre: </label>
<select class="form-control input-sm" id="trimesters" ng-model="bindingTrimester" convert-to-number>
    <option ng-repeat="t in trimesters" value="{{t}}">{{t}}</option>
</select>

El mismo no se muestra correctamente, cortando los números o letras de la opción seleccionada. A modo de ejemplo, mirar el segundo select box (Trimestre).
poncho_bug_1

Si bien no sabemos si cumple con la especificacion de diseño de Poncho, una solución viable (la estamos utilizando por ahora) es agregar el siguiente código CSS (talvez aquí):

.input-sm, select.input-sm {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}

Quedando de la siguiente manera:
poncho_bug_1_fix

Es correcto solucionarlo de esta forma?

Muchas Gracias!

Muchas gracias por tu comentario, este issue ya fue fixeado aquí 0a3c118