SigNoz/signoz

Tables overlap, enable slider for left panel and also for tables

Open

#7,170 opened on Feb 21, 2025

View on GitHub
 (14 comments) (0 reactions) (1 assignee)TypeScript (976 forks)batch import
frontendgood first issue

Repository metrics

Stars
 (16,037 stars)
PR merge metrics
 (Avg merge 5d 13h) (222 merged PRs in 30d)

Description

As described here: https://www.loom.com/share/ee419ae96a2f478dbc0e94099ba21f58?sid=a2279622-41b0-438c-98f8-8cfa1cbff949

It is creating problem for viewing the tables properly.

Contributor guide

Research direction
The issue describes table overlapping in the UI, with a Loom video showing the problem. The suggestion is to add a slider for the left panel and tables. To address this, examine the existing layout components, likely under `frontend/src/`. The left panel and table components need to be identified. Look for any existing resizable or slider components in the codebase. The solution may involve adjusting CSS flex/grid properties or implementing a handle for resizing. Review the video for exact context, and check if there are any related comments in the issue thread.
Tech stack
typescriptreactcss
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
ReactCSSunderstanding of layout components
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60