fabianabarca / buses

Sitio web con información GTFS del transporte público elaborado por el proyecto TC-691 "Tropicalización de la Tecnología" de la Universidad de Costa Rica.
3 stars 5 forks source link

chg: simplificar proxbus html usando CSS pseudo elem #88

Open jeancahu opened 3 years ago

jeancahu commented 3 years ago

Utilizar CSS para eliminar la excesiva cantidad de HTML amañado, esto simplifica la sección y la vuelve más eficiente.

image

Los badges tienen un mismo grosor y tamaño excepto por el de primera línea que tiene énfasis, están alineados entre líneas siempre y cuando el ancho de la pantalla lo permita.

image

El badge de ramal ahora es 100% estilo, ya no es más un span, desde el CSS es posible decirle de que lado debe estár según la columna.

image

Conforme se acaba el horario la líneas que no contienen nada desaparecen para reducir el espacio utilizado.

image

image