SigNoz/signoz

Enable full screen mode for trace details

Open

#7.146 geöffnet am 18. Feb. 2025

Auf GitHub ansehen
 (3 Kommentare) (0 Reaktionen) (1 zugewiesene Person)TypeScript (16.037 Stars) (976 Forks)batch import
designfrontendgood first issue

Beschreibung

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.

Contributor Guide

Tech Stack
typescriptreact
Domain
frontendobservability
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 days
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
active
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
TypeScriptReactCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
50
Research-Richtung
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.