fix(ui): contener las capas de los popups dentro de sus esquinas
メンテナーはふだん 1 日以内に返信
@egdev6 がすでに取り組んでいます。
2026年10月12日 から。
評価
この issue はまだ評価されていません。
説明
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
- Ejecutar Quorb en modo desarrollo sobre la rama main, como en el entorno reportado.
- Abrir un popup de detalle desde la tira; el ejemplo aportado es Claude.
- Observar las esquinas superiores y comparar el contorno exterior con las capas del encabezado/fondo.
- 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
- 平均マージ
- 3時間 15分
- マージ済み PR（30日）
- 82
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
egdev6/quorb のほかの issue
-
status:approved type:feature
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
メンテナーはふだん 1 日以内に返信
-
feat(macos): preparar distribución versionada e instalación verificable対応中かも @egdev6 が 4 日前に担当しました。 オープンstatus:approved type:feature
egdev6/quorb#118 · コメント 4 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
feat(widget): dockear al monitor principal por defecto y avisar si el widget queda en otro displayオープン
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
メンテナーはふだん 1 日以内に返信
-
odd type:feature
難易度 5/5 1週間以上 初心者へのやさしさ 15/100
メンテナーはふだん 1 日以内に返信
-
feat(linux): hacer funcional el escritorio y widget nativos対応中かも このイシューにリンクされたプルリクエストがオープン中、またはマージ済みです。 オープンodd type:feature
難易度 4/5 3〜5日 初心者へのやさしさ 15/100
メンテナーはふだん 1 日以内に返信
似ている issue
-
area: repo priority: P2 type: bug
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
appandflow/stim#4107 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
難易度 1/5 1〜3時間 初心者へのやさしさ 60/100
lingdojo/kana-dojo#32859 · コメント 1 件 · リアクション 5 件 ·
メンテナーはふだん 1 日以内に返信
-
code-quality refactoring
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
github/gh-aw-firewall#10364 ·
メンテナーはふだん 1 日以内に返信
-
Merge the duplicate kaffir_corn record into sorghum対応中かも @Crypto-Shroom が今日担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
Crypto-Shroom/Bird-Feed-Calculator#322 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
drizzle-team/drizzle-orm#6552 ·
メンテナーはふだん 2 日以内に返信