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

🤖 fix: stream-error card header actions reach 2.6px into the card padding in a 170px VS Code sidebar

Abierto Apto para principiantes
#7,053 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
77/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
react, tailwindcss, typescript, vscode
Área
frontend, testing

Línea de trabajo

Empieza con la historia Features/Messages/StreamErrorMessage/NarrowPane200 y su play NarrowPane200; después, inspecciona las acciones de la cabecera de la tarjeta de error del stream y la comprobación existente de la tarjeta de reintento a 170 px. Ajusta las acciones para que se mantengan dentro del área de contenido de la tarjeta a 170 px y amplía el play para comprobar todo el panel. El trabajo estará terminado cuando las acciones ya no invadan el relleno de la tarjeta y pase la comprobación ampliada.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Follow-up found in #7050 (#5645). Impact 1.

Problem

In the Features/Messages/StreamErrorMessage/NarrowPane200 story, I narrowed the pane to 170 px, the narrowest VS Code sidebar. The pane has the webview transcript's p-3. At that width, a stream-error card's header actions (div.ml-auto.flex.flex-wrap.items-center.gap-2) end at 139.6 px. Their parent's content box ends at 137 px. So the actions reach 2.6 px into the card's right padding. They do not overflow the card or the pane.

#7050 checks only the retry card at 170 px, because this card is outside #5645. At the story's own 200 px width, nothing reaches into the padding.

Proposed fix

Let the header actions shrink or wrap so they stay inside the card's content box at 170 px. Then extend the 170 px check in the NarrowPane200 play from the retry card to the whole pane.

Refs #7050, #5645, #5151


Generated with xum • Model: anthropic:claude-opus-5-5 • Thinking: high

Lenguaje dominante
TypeScript
Estrellas
2.1k
Forks
140
Merge medio
4 h 57 min
PR fusionados (30 d)
946

Preparar el entorno

  • Incluye un Dockerfile o un archivo de Docker Compose
  • Sin plantilla de pull request
  • Sin guía de contribución

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 coder/xum

Todos los issues de coder/xum

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.