Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

fix(ui): contener las capas de los popups dentro de sus esquinas

未关闭
#95 0 条评论 0 个 reaction 已指派 1 人 在 GitHub 查看

维护者通常 1 天内回复

@egdev6 已经在做这个了。

开始于 2026年10月12日。

评估

这个 Issue 还没有评估数据。

描述

status:approved type:bug
Pre-flight checks
  • I searched existing issues and found no duplicate.
  • I understand that this report enters review before implementation.

El asistente completó la búsqueda de issues abiertas/cerradas y contrastó el inventario y antecedentes. El mantenedor confirmó la revisión previa y aprobó la publicación de quorb-ui-ux-v1. Esto no asigna trabajo ni inicia implementación.

What happened?

El mantenedor reporta que las capas superiores de los popups de detalle sobresalen del contorno redondeado. La captura aportada muestra bandas/fondo rectangulares en ambas esquinas superiores del panel Claude.

La inspección de main 3da13d206418d6f9a91647f0a4ce127b3ed5364c identifica un conflicto coherente con el reporte: DetailPanel.tsx aplica overflow: visible inline y el tema tiene bandas sin radio y radios de distintas capas. Es evidencia estática, no reproducción del artefacto ni prueba de causa única.

Steps to reproduce
  1. Ejecutar Quorb en modo desarrollo sobre la rama main, como en el entorno reportado.
  2. Abrir un popup de detalle desde la tira; el ejemplo aportado es Claude.
  3. Observar las esquinas superiores y comparar el contorno exterior con las capas del encabezado/fondo.
  4. Registrar el caso mínimo en el entorno real antes de corregir; extender la comprobación a los demás paneles que compartan la estructura.

Estos pasos describen el escenario reportado; el asistente no los ha ejecutado.

Expected behavior

Encabezado y fondos respetan las esquinas y el contorno del popup.

Alcance y criterios de aceptación
  • Reproducir y registrar el artefacto en el entorno dev de escritorio, identificando las capas involucradas.
  • Unificar el contorno/radio de las capas afectadas y evitar fondos que sobresalgan en las esquinas.
  • No cortar contenido, iconos, acciones, indicadores de foco ni sombras exteriores intencionadas al introducir clipping.
  • Conservar el ajuste de altura sin scroll y la medición/geometría integrados en #70 / PR #71.
  • Validar paneles de varios proveedores y tamaños/escalados pertinentes; evidencia visual antes/después.
  • Checks focales y regresión visual con estilos reales; ejecución desktop final explícita, sin afirmar reproducción Windows desde Chromium.
Orientación y antecedentes

Entradas: src/DetailPanel.tsx, estructura de tarjetas/paneles, src/theme.css y src/styles.css. Referencia técnica: DetailPanel en main inspeccionado. No imponer overflow: hidden global sin validar medición, foco y sombras.

La búsqueda identifica #70 como antecedente de altura, no duplicado del clipping de esquinas. No reabrir ni cambiar #70. La unidad de paleta comparte theme.css: coordinar entregas sin dependencia funcional artificial.

Coordinación, validación y límites

Parte de la propuesta aprobada quorb-ui-ux-v1, milestone «Coherencia visual y personalización». Trabajo por el flujo habitual; no se incorpora automáticamente a ODD ni altera prioridades de #45. Sin assignee ni nueva etiqueta status:approved. Antes de empezar revisar responsables, comentarios y PR, y coordinar las superficies compartidas.

Tests y documentación con cada unidad. Checks de implementación previstos, no ejecutados durante planificación: npm test, npm run typecheck, npm run build y cargo test en src-tauri cuando cambie comportamiento Rust; además prueba real de escritorio en modo desarrollo. No acreditar comportamiento Windows/WebView2 desde tests de lógica o fixtures de navegador. No se publica una versión ni se modifica el código al crear esta issue.

No editar directamente el DS vendorizado src/ds/egdev/* (ver su README); usar extensión de la app o coordinar el cambio upstream. Sin rediseño general, migración de cuentas, cambios de credenciales, firma, releases o nuevas versiones prometidas.

Environment
Quorb: modo desarrollo, rama main (reportado por el mantenedor).
SO y versión exactos: no facilitados.
SHA exacto del checkout del usuario: no facilitado.
Referencia inspeccionada por el asistente: main 3da13d206418d6f9a91647f0a4ce127b3ed5364c, versión 0.6.0.
Evidencia: captura del popup Claude; sin reproducción ejecutada por el asistente.
Affected area

Application behavior

Agent or client (for MCP or headless incidents)

No response

Shell (for MCP or headless incidents)

No response

主要语言
TypeScript
星标
10
派生
2
平均合并
21 分钟
30 天内合并 PR
52

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

egdev6/quorb 的其他 Issue

查看 egdev6/quorb 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。