Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI - Styling in the Overview page in the UI for cards with long namespace names pushes out kebab menu into adjacent card #6133

Closed
msdolbey opened this issue May 10, 2023 · 1 comment · Fixed by #6163
Assignees
Labels
backlog Triaged Issue added to backlog bug Something isn't working

Comments

@msdolbey
Copy link

msdolbey commented May 10, 2023

In the Kiali UI
On the Overview page
If you have some namespaces that are relatively long (for example: capi-kubeadm-control-plane-system or something like that)
The kebab menu action button for that card
Is pushed out and flows into the adjacent card.

Browser version – Most recent chrome

App area – Overview page in the Kiali UI

Version information – I believe this is image: quay.io/kiali/kiali:v1.57.1

Expected Behavior
The kebab menu button will stay in the card that it is for

Actual behavior
The kebab menu button is getting pushed out to the left if the namespaces are long

Steps to Reproduce

  • Install Kiali
  • Have some long namespaces that you're going to be looking at in Kiali
  • View the overview page in the UI

**Screen capture:
https://github.com/kiali/kiali/assets/5703649/435c3bad-135f-4ae2-9cc8-a2d371b8db6f

I'm not familiar with the styling all that much for this project, but I did see that if I added this locally it seemed to address this issue (though it may not be the best solution, just something I've found):

.pf-c-title.pf-m-lg {
    display: flex;
    overflow: hidden;
    margin-right: -200px;
}
@msdolbey msdolbey added the bug Something isn't working label May 10, 2023
@jshaughn
Copy link
Collaborator

Thanks for the report, @msdolbey!

@jshaughn jshaughn added the backlog Triaged Issue added to backlog label May 11, 2023
@josunect josunect self-assigned this May 18, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backlog Triaged Issue added to backlog bug Something isn't working
Projects
Development

Successfully merging a pull request may close this issue.

3 participants