UX: Allow expandable menu width

kafbat / kafka-ui

Open-Source Web UI for managing Apache Kafka clusters

http://ui.docs.kafbat.io

Apache License 2.0

432 stars 36 forks source link

UX: Allow expandable menu width #239

Open sappusaketh opened 4 months ago

sappusaketh commented 4 months ago

Issue submitter TODO list

[X] I've searched for an already existing issues here
[X] I'm running a supported version of the application which is listed here and the feature is not present there

Is your proposal related to a problem?

It is getting hard to switch between clusters when their prefixes are same and length of cluster name is big

Describe the feature you're interested in

It would be nice if we could have adjustable sidebar like vscode would be great where we could adjust sidebar width however we want

Describe alternatives you've considered

Im currently hovering over the mouse and getting full name on help text and switching then. The other option I though is rename cluster but eventually we will hit the limit again at some point so it would be nice to solve the problem

Version you're running

2956664 v1.0.0

Additional context

I m reopening this from provectus https://github.com/provectus/kafka-ui/issues/4225

Haarolean commented 4 months ago

@sappusaketh could you provide an example cluster name? To understand the length of it.

sappusaketh commented 4 months ago

stage-services-us-east-1 stage-services-us-west-2 stage-cdc-us-east-1 stage-cdc-us-west-2 like wise preprod is another prefix instead stage in above names

sappusaketh commented 4 months ago

Thank you

sappusaketh commented 4 months ago

Now that I saw figma design sorry I want to ask this any plans on adding more filters to kafka connect component eg: I want to filter all postgres source connectors with avro key/value converter?

I know this might be complicated but currently when I have this case I m using kubectl api to fetch all my connectors and apply jq filters wondering if this something that can be done easily?

Haarolean commented 4 months ago

Now that I saw figma design sorry I want to ask this

any plans on adding more filters to kafka connect component

eg: I want to filter all postgres source connectors with avro key/value converter?

I know this might be complicated but currently when I have this case I m using kubectl api to fetch all my connectors and apply jq filters wondering if this something that can be done easily?

Could you raise a new issue? Eager to discuss this.

Haarolean commented 2 months ago

https://www.figma.com/file/IBvMpXfwbwd8d5IeOZXslK/Kafbat-UI?type=design&node-id=2535-8274&mode=design&t=hI7S9fzIpUKSGrHj-0

sappusaketh commented 2 months ago

@Haarolean is 320px the limit for expanded view?

Haarolean commented 2 months ago

@Haarolean is 320px the limit for expanded view?

yeah

fallen-up commented 2 months ago

@Haarolean will it be implemented in the next version? as a workaround you can make such an intermediate solution (it works)