SigNoz/signoz

Enable full screen mode for trace details

Open

#7.146 aberto em 18 de fev. de 2025

Ver no GitHub
 (3 comments) (0 reactions) (1 assignee)TypeScript (16.037 stars) (976 forks)batch import
designfrontendgood first issue

Description

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.

Guia do colaborador

Pilha de tecnologia
typescriptreact
Domain
frontendobservability
Tipo Issue
feature
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 days
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
active
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
mostly clear
Prerequisites
TypeScriptReactCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
50
Direção de pesquisa
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.