SigNoz/signoz

Enable full screen mode for trace details

Open

#7 146 ouverte le 18 févr. 2025

Voir sur GitHub
 (3 commentaires) (0 réactions) (1 assigné)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.

Guide contributeur

Stack technique
typescriptreact
Domaine
frontendobservability
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 days
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
TypeScriptReactCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
50
Direction de recherche
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.