provectus/kafka-ui

The name of clusters does not fit in the sidebar

Open

#4095 opened on Aug 5, 2023

View on GitHub
 (2 comments) (0 reactions) (1 assignee)Java (7,799 stars) (977 forks)batch import
good first issuescope/frontendstatus/acceptedstatus/confirmedtype/bug

Description

Issue submitter TODO list

  • I've looked up my issue in FAQ
  • I've searched for an already existing issues here
  • I've tried running master-labeled docker image and the issue still persists there
  • I'm running a supported version of the application which is listed here

Describe the bug (actual behavior)

The name of clusters does not fit in the sidebar. Even if they are not particularly long.

Expected behavior

Should be:

  • sidebar width auto-adjustment
  • or the ability to adjust the width via a slider bar

Your installation details

version: 0.7.1 (latest)

Steps to reproduce

Use more than ~13 characters in the cluster name (KAFKA_CLUSTERS_0_NAME)

Screenshots

image

Logs

No response

Additional context

No response

Contributor guide

Tech stack
None
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
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.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React component structureCSS overflow handling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
Investigate the sidebar component's CSS to handle text overflow. Consider implementing auto width adjustment or a draggable slider. Look for relevant files in the frontend component directory, e.g., 'src/components/Sidebar/' or similar. Check comments on the issue for maintainer guidance.