SigNoz/signoz

Enable full screen mode for trace details

Open

#7,146 建立於 2025年2月18日

在 GitHub 查看
 (3 留言) (0 反應) (1 負責人)TypeScript (16,037 star) (976 fork)batch import
designfrontendgood first issue

描述

As described here https://www.loom.com/share/fc0288a429b04538ac02353e1a7d753b?sid=ed81ed51-9314-4601-8b7d-c46fa45f476c

We would want to improve how we view traces. A full screen mode or hiding the flame graph on click can help.

貢獻者指南

技術棧
typescriptreact
領域
frontendobservability
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
active
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
TypeScriptReactCSS
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
50
研究方向
Examine the trace detail view component in the frontend directory (likely under `frontend/src/`). Look for existing fullscreen patterns in the codebase. The required implementation involves toggling a CSS fullscreen state based on user action. Review the linked Loom video for expected behavior. Coordinate with the assignee to align on approach.