Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Stat: add a tooltip that explains the delta

Abierto
#110 0 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 1 día

@agatha197 ya está trabajando en esto.

Desde el 28/10/2026.

  • #115 de @lablup-octodog — abierto

Evaluación

Este issue todavía no se ha evaluado.

Descripción

Summary

Add a way to explain a Stat's delta on hover / focus (lab Stat).

Why

Dashboard stats show a count and its change from the previous range ("↘ -918"). Users asked what the delta means, so webui shows a tooltip with both ranges and their counts. Stat has no slot for it, so webui (react/src/components/DashboardPanels/charts/TrendStat.tsx):

  • wraps the whole Stat in a Tooltip, forces tabIndex={0} and style={{ alignSelf: 'flex-start', width: 'fit-content' }} so the tooltip anchors near the number instead of the middle of a wide cell;
  • moves the sparkline out of media so its own point tooltip is not nested inside the stat's tooltip.

Proposal

  • A deltaTooltip?: ReactNode (or deltaDescription) prop on Stat that opens a tooltip anchored to the delta, reachable by keyboard, and leaves media outside it.

Expected

  • webui passes the explanation as a prop and drops the wrapper, the forced tabIndex / sizing and the media split.

Consumer: lablup/backend.ai-webui#10627.

Lenguaje dominante
TypeScript
Estrellas
2
Forks
0
Merge medio
1 d 16 h
PR fusionados (30 d)
34

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de lablup/ui-common

Todos los issues de lablup/ui-common

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.