Versión 1.18.0
- Se crea una nueva variante de Tarjetas verticales de noticias, sin borde: Tarjetas de noticias sin borde.
- Se crea una nueva Tarjeta vertical, de cursos: Tarjetas de cursos.
- Se truncan tarjetas verticales (excepto eventos, impacto visual y noticia sin borde) a 2 líneas en título, 3 líneas en descripción.
- Correciones (fix):
- Estado
focusen Cabecera de página institucional, con accionable campo buscador. - Carrusel de destacados entre
992pxy1200px. La disposición pasa a ser vertical.
- Estado
La Versión 1.18.0 contiene lo siguiente:
Versión 1.17.0
- Se crea una nueva variante de Cabecera de Página con multimedia: Cabecera de Página multimedia.
- Se creó la sección de Cabecera de Página institucional.
- Se eliminaron las variantes de colores para cabecera institucional, dejando como único color de fondo relacionado al manual de marca
bg-blue. - Se eliminó la variante "dinámica" para cabeceras con clase
wavey sus respectivas variantes de multimedia.
La Versión 1.17.0 contiene lo siguiente:
Versión 1.16.0
- Se crea una nueva variante de Tarjetas horizontales: Tarjetas visuales con ícono.
La Versión 1.16.0 contiene lo siguiente:
Versión 1.15.0
- Componente Tarjetas, se crea la variante Tarjetas de impacto visual.
- Componente Carrusel, se crea la variante que utiliza las Tarjetas de impacto visual, tiene una disposición de controles diferente y exclusiva para esta variante.
- Correción (fix) en Destacado container.
- El componente con multimedia pasa a tener una altura mínima de
432pxy sin multimedia264px. - Se crea la clase
.panel-img-edgepara manipular las imagenes grandes, del mismo o mayor tamaño que el alto mínimo. Esta nueva clase se utiliza junto con.panel-img.
- El componente con multimedia pasa a tener una altura mínima de
La Versión 1.15.0 contiene lo siguiente:
Versión 1.14.0
- Se sumaron nuevas variantes para el componente Destacado:
- Se agrega la variante con color en degrade y ancho contenedor.
- Se agrega la variante con fondos de color
darkylight, para ancho contenedor en destacados horizontales. - Se agrega la variante con fondo blanco para destacado vertical.
- Se agrega la clase
panel-invertedpara invertir el contenido en los destacados horizontales en todas sus variantes. Se usa así:<div class="panel-horizontal panel-inverted"> - Se modifican los bordes y padding para el componente: Desplegable de navegación y selección y Navegacion horizontal y vertical.
La Versión 1.14.0 contiene lo siguiente:
Versión 1.13.0
- Se crean nuevas clases para las nuevas variantes del componente Etiqueta:
- Etiquetas primarias y secundarias.
.badge-p-{color}y.badge-s-{color} - Etiquetas clickeables
.badge-s-link-{color} - Etiquetas seleccionables y eliminables
.badge-selecty.badge-remove - Tamaños de etiquetas
.badge-smy.badge-lg
- Etiquetas primarias y secundarias.
La Versión 1.13.0 contiene lo siguiente:
Versión 1.12.1
- Al componente Indicador, en Pie de página (Footer), se cambia la clase
btn-secondaryporbtn-primary. - Se corrige el color de los elementos en el componente Alerta de sistema - Advertencia (Warning) por
$primary. - Se alinea el ícono informativo de estado en Validacion de Inputs.
- Se cambia el color de
$secondarypor$primarypara item de eventos (simples o múltiples) en componente Calendario. - Se cambia la clase
bg-primaryporbg-secondaryen Barra de progreso. - Se modifica el radio de borde del botón de carga de archivo. Ahora es
$pill, igual que los input.
La Versión 1.12.1 contiene lo siguiente:
Versión 1.12.0
- La tipografía principal pasa a ser Archivo. La nueva importación se encuentra en el siguiente link.
- Se agregó en Guías de estilos, una sección de Bordes. Allí se indican los nuevos valores y clases para
border-radius. - Se invierte el color
primarioporsecundario. - El color terciario pasa a ser
cyan-500(#64D8C8).
El color terciario outline , pasa a sercyan-900(#10413a). - El componente Pie de página (Footer) junto con el componente Indicador, se visualizan con nuevos estilos de radio y color.
Esta versión implican cambios de estilos que impactan al sistema en general y todos sus componentes. Se recomienda verificar el buen uso de clases para su correcta visualización.
La Versión 1.12.0 contiene lo siguiente:
Versión 1.11.1
- Se crea el componente Destacado lateral. En Cambios en componentes está la documentación de la nueva estructura.
- Se elimina el componente Bloque de trámite, se lo reemplaza por el componente Destacado lateral.
- En el componente Mapa se modificó el botón de
primarioaprimario outline - Se agrega la posibilidad de tener título y bajada en Tablas.
- La etiqueta
<h5>pasa a tener pesosemibold.
La Versión 1.11.1 contiene lo siguiente:
Versión 1.10.0
- Se corrigen estilos en el componente Cabecera de página para color de fondo y Breadcrumb (migas de pan).
- Se agregan estilos en el componente Calendario, para indicar uno o más "eventos" por fecha.
- Se agregan estilos para el nuevo comportamiento que indica la fecha actual.
- El componente Calendario cuenta con un ejemplo interactivo. En Cambios en componentes está la documentación de las nuevas clases.
La Versión 1.10.0 contiene lo siguiente:
Versión 1.9.1
- Se corrige la visualización de los elementos
<iframe>para la versión multimedia de Cabecera de página. - Se agregan clases para la alineación de la multimedia en Cabecera de página. En Cambios en componentes está la documentación de las nuevas clases.
- Se agrega la variante encabezado Noticias en Cabecera de pagina
- Se corrige fix de modal en mobile.
- Se corrige fix en la visualización del componente galería.
La Versión 1.9.1 contiene lo siguiente:
Versión 1.9.0
- Se incorpora la nueva versión de boxicons 3.0.8, eso trae los siguientes cambios:
- Se crea la seccion de Íconos, con su documentación de uso.
- La red social Twitter ya no necesita la clase
social-x, en la nueva versión de Box Icons se encuentra el nuevo ícono<i className="o-icon bxl bx-twitter-x"></i>
La Versión 1.9.0 contiene lo siguiente:
| Antes | Ahora |
|---|---|
<i class="o-icon bx bxl-instagram-alt"> | <i class="o-icon bxl bx-instagram-alt"> |
Versión 1.8.4
- Se modifica el borde en componente Alertas.
- Se agrega una nueva variante "Alerta sistemas" en el componente Alertas. En Cambios en componentes está la documentación de las nuevas clases.
- En el componente Carrusel, el contenido se alinea con el container, solo en resoluciones desktop.
- Se agrega la variante de fondo blanco para el carrusel de destacados.
- Se agregan clases en los elementos
<img>y<video>para ajustar el alineamento de la multimedia en el componente Cabecera de Página. En Cambios en componentes está la documentación de las nuevas clases. - Se agrega la variante de fondo oscuro al componente destacado horizontal.
- Se hacen correcciones de los code-view en los componentes.
La Versión 1.8.4 contiene lo siguiente:
Versión 1.8.3
- Se corrige la visualización de Carrusel de Tarjetas, al ser menos de 3 por slide. Siendo 3 el máximo permitido.
- Se corrige fix de Carrusel de Destacados en Desktop.
La versión 1.8.3 contiene lo siguiente:
Versión 1.8.2
- Se agrega la clase
.card-itemsal componente carrusel para asegurar la correcta visualización de la altura de las tarjetas. - Se corrigieron los
code viewsde los componentes y los redireccionamientos de las URLs dentro del sitio web.
La versión 1.8.2 contiene lo siguiente:
Versión 1.8.1
- Se modifica la variante Destado Conjunto, del componente Destacado. En Cambios en componentes, se encuentran las modificaciones.
- Se realizaron correcciones en el componente Cabecera de Página, también documentadas en Cambios en componentes.
La versión 1.8.1 contiene lo siguiente:
Versión 1.8.0
- Se modifica el nombre del componente "Tarjeta de Agenda" a "Tarjeta de Eventos"
- Se crea la clase
.card-eventospara espaciados y tamaño. En Cambios en componentes se disponibiliza la documentación del componente. - Se crea el componente Carrusel.
- El componente cuenta con las variantes para Destacados y Tarjetas en su versión desktop y mobile para fondos claros y oscuros.
La Versión 1.8.0 contiene lo siguiente:
Versión 1.7.1
- Se corrigen alineaciones y márgenes del componente Cabecera de Página
- Se define un punto de corte (breakpoint) en la etiqueta
body. Para dispositivos con resoluciones superiores a 1920px, el contenido tiene un ancho máximo de 1900px.
La versión 1.7.1 contiene lo siguiente:
Versión 1.7.0
- Se crea el componente Cabecera de página.
- Contenido principal: Se crean las clases
.bg-content-hero-{color}para definir el color de fondo del contenido principal del Hero.
Colores disponibles:skybluecyanyellowredpurplelightdark
- Aside: Se crean las clases
.bg-aside-hero-{color}, que deben utilizarse junto con.asidepara definir el color del fondo lateral.
Colores disponibles:darklight
Además el aside puede estar acompañado de multimedia, incluyendo imágenes o videos.
- Decoraciones visuales: Se incorporan las clases
.corner(borde esquinado) y.wave(efecto de onda). - Accionables: Los ejemplos que tenemos disponibles pueden ser de tipo:
- Botón: Donde se incorpora la clase
.btn-hero, que permite generar un botón expandible a partir de 360px de ancho. - Buscador: Donde se integran las clases
.search-wrapper,.search-results,.search-btn-containery#search-home.form-control. - Para Etiquetas y Desplegables se colocan las clases necesarias para la disposición visual y espaciados como
d-flex,d-grid,column-gap-2orow-gap-4
- Botón: Donde se incorpora la clase
La versión 1.7.0 contiene lo siguiente:
Versión 1.6.2
- Se modifica la propiedad color del componente Migas de pan para fondos claros al
#101e37 - Se agrega la variante
darkde Migas de pan para fondos oscuros - Se modifica el color de la línea divisoria del componente header
La versión 1.6.2 contiene lo siguiente:
Versión 1.6.1
- Actualización de la Ficha de componente Páginado.
- Actualización de la Ficha de componente Tarjetas.
- Nueva variante de componente Tarjetas con miscelánea.
- En Cambios de componentes se encuentran las clases para las Tarjetas con miscelánea.
La versión 1.6.1 contiene lo siguiente:
Versión 1.6.0
- Se disponibiliza componente Galeria, se incluye documentación en Cambios en componentes.
- Fix de comportamiento de tarjetas verticales de noticias.
- Se crea la clase
has-card-itemspara tarjetas con disposición y scroll.
La versión 1.6.0 contiene lo siguiente:
Versión 1.5.6
- Se modifica el posicionamiento del texto de asistencia para tener una mejor alineación entre el input y label en formularios horizontales.
- Se modifica el posicionamiento del contador de caracteres en validación del input textarea.
- Se agrega un espacio superior e inferior (css) en la clase
form-label-container. - Se agrega la sección de diagramación en patrones (documentación).
La versión 1.5.6 contiene lo siguiente:
Versión 1.5.5
La versión 1.5.5 contiene el fix de la versión anterior, agregando los archivos de estilos css compilados.
Versión 1.5.4
- Se corrigen estilos de la clase
form-control - Se agrega la variante en formulario de selección de radio-group y checkbox-group
La versión 1.5.4 contiene lo siguiente:
Versión 1.5.3
- Creación del componente Input File (Carga de archivo).
- Creación de la etiqueta Badge Forms para identificar si un campo es requerido u opcional.
- Se modifica visualmente la validación de los campos manteniendo la misma clase
invalid-feedback;valid-feedback - Se modifica el gap entre el subtítulo y los ítems en los componentes de Listas de 8px a 4px.
- Se incorporó una volanta descriptiva dentro del componente Pasos de un formulario
La versión 1.5.3 contiene lo siguiente:
Versión 1.5.2
- Nueva variante del componente Header: "Banner del GCBA". Actualización de su ficha.
- Se actualiza la guía de adopción de Obelisco, incluyendo el modelo de contribución.
- Se actualiza el PDF descargable de la guía de adopción en la sección de "Sobre Obelisco".
- Nuevos templates de issues para contribuir con Obelisco: "new_feature" y "bug_report".
La versión 1.5.2 contiene los siguientes fixes:
Versión 1.5.1
- Se modifica el máximo de líneas en título (2) y descripción (3) del organismo Accesos.
- Se ajusta el alineado vertical del componente radio que se encuentra dentro del componente Colapsable con lista seleccionable.
- Se modifica el tamaño del ícono en botón mediano a 18px.
- En el organismo Pie de página (Footer), se coloca el ícono de la red social "X", por medio de la clase
.social-xantes utilizada en una etiquetaimg.
La versión 1.5.1 contiene los siguientes fixes:
Versión 1.5.0
- Un nuevo editor para poder probar los componentes de obelisco. En ella se podrá copiar el html y manipular el código en tiempo real.
La versión 1.5.0 contiene:
Versión 1.4.2
- La totalidad de los componentes migrados de la Versión 1
- Nueva guía de estilos: Modificación de tipografía, grilla y nueva paleta de color enfocada en la accesibilidad.
La versión 1.4.2 es la primer versión estable de Obelisco. Los puntos más destacados de ésta contiene: