Barra de desplazamiento (scrollbar)

[Diehault]

Barra de desplazamiento

Nombre en Obelisco Barra de desplazamiento (scrollbar)

Tipo de componente Átomo

Links UI Kit | Branch | Ficha Figma | Estándares | Storybook | Informe | Excel

Ejemplo en Bootstrap

Ejemplos de aplicación en BA

[Diehault]

¡Hola! 🤠​

Actualizamos el componente en el UI Kit siguiendo el requerimiento, y empatamos el diseño con lo que teníamos en desarrollo dentro de Storybook.

La barra de navegación es un átomo que no tendría ficha y que, actualmente, no está en Storybook como componente. Podría sumarse si lo ven necesario.

¿Qué hicimos?

• Reconstruimos el componente desde 0, armándolo nuevamente en el UI Kit.
• Actualizamos la plantilla del componente en el UI Kit.

¿Cómo se ve ahora?

Dejo por acá el link a la branch donde se encuentra ahora mismo.

[camilembo]

Se hace merge en el UI Kit para poder construir la tabla de forma completa 02/02/2024

[marusaad]

📢 Nuevo requerimiento

Tickets relacionados

311

Qué

Actualizar el componente según el nuevo estilo de grillas de la v.2 de Obelisco.

Por qué

Para estandarizar tamaños, modulación y visualizaciones de todos los componentes.

Quién lo va a trabajar

Diseñadores

Quién lo va a revisar

PM + SGOs

Criterios de aceptación

• [x] El componente se ajusta a la grilla 4px.
• [x] El componente tiene una medida definida para mobile, tablet y desktop. [no aplica para este componente]
• [x] El componente tiene una modulación definida para mobile, tablet y desktop. [no aplica para este componente]
• [x] El componente tiene su handoff para desarrollo y está marcado como ready for dev.
• [x] El componente está documentado.

🕰️ Changelog

No se realizaron cambios en esta revisión.

✏️ Notas

No hay ninguna nota para mostrar.

[marusaad]

📢 Nuevo requerimiento

Qué

Actualizar los estilos de color del componente aplicando las variables correspondientes a la v2 de Obelisco.

Por qué

Porque posiciona al sistema en un nivel de calidad superior al cumplir con los criterios de accesibilidad de la WCAG, y facilita la adopción, la personalización y la escalabilidad a nivel global.

Quién lo va a trabajar

Diseñadores

Quién lo va a revisar

PM + SGOs

Criterios de aceptación

• [x] El componente aplica las variables semánticas y funcionales para los elementos del mismo.
• [x] El componente cumple con los criterios de contraste y legibilidad de la WCAG (Criterios de accesibilidad AAA)

✏️ Notas

Se actualizaron los colores del componente con las nuevas variables y se actualizaron los colores de la plantilla del UI Kit.