provectus/kafka-ui

Topic names greater than 60 chars

Open

#3709 opened on Apr 24, 2023

View on GitHub
 (8 comments) (0 reactions) (0 assignees)Java (7,799 stars) (977 forks)batch import
area/uxgood first issuescope/frontendstatus/acceptedstatus/confirmedtype/bug

Description

kafka-ui v0.6.2

Thanks for the continued work on the project, we use it all the time ;-)

We have some topics that have long names ( > 60 characters). The UI truncates these and appends .... (even though we can resize the screen so there is loads of whitespace between topic name and the partition count column.

Is there a way to configure the length that truncation occurs at please ?

Contributor guide

Tech stack
javareactcss
Domain
frontend
Issue type
feature
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.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
CSSReactKafka UI frontend structure
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
Locate the UI component rendering topic names in the frontend codebase, likely in a React component. Search for CSS properties such as 'text overflow: ellipsis' or 'white space: nowrap' that cause truncation. Review the issue comments for any suggested approaches or maintainer feedback. Consider adding a configuration option to the settings to allow users to set a custom truncation length or disable it entirely.