Bug 2183491 - Incorrect padding in Add volume modal if PVC name too long
Summary: Incorrect padding in Add volume modal if PVC name too long
Keywords:
Status: CLOSED ERRATA
Alias: None
Product: Container Native Virtualization (CNV)
Classification: Red Hat
Component: User Experience
Version: 4.13.0
Hardware: Unspecified
OS: Unspecified
unspecified
low
Target Milestone: ---
: 4.14.0
Assignee: Hilda Stastna
QA Contact: Guohua Ouyang
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2023-03-31 11:07 UTC by Hilda Stastna
Modified: 2023-11-08 14:05 UTC (History)
1 user (show)

Fixed In Version:
Doc Type: If docs needed, set a value
Doc Text:
Clone Of:
Environment:
Last Closed: 2023-11-08 14:05:06 UTC
Target Upstream Version:
Embargoed:


Attachments (Terms of Use)
The Add volume modal doesn't look nice if PVC name too long (185.31 KB, image/png)
2023-03-31 11:07 UTC, Hilda Stastna
no flags Details


Links
System ID Private Priority Status Summary Last Updated
Github kubevirt-ui kubevirt-plugin pull 1238 0 None open Bug 2183491: Truncate PVC name in Add volume modal 2023-04-05 18:23:27 UTC
Red Hat Issue Tracker CNV-27644 0 None None None 2023-03-31 11:08:09 UTC
Red Hat Product Errata RHSA-2023:6817 0 None None None 2023-11-08 14:05:19 UTC

Description Hilda Stastna 2023-03-31 11:07:21 UTC
Created attachment 1954865 [details]
The Add volume modal doesn't look nice if PVC name too long

Description of problem:
Incorrect padding in Add volume modal if PVC name too long, PVC name dropdown wider than the modal. After closing the drop down, the incorrect padding remains.

Version-Release number of selected component (if applicable):
4.13.0

How reproducible:
always

Steps to Reproduce:
1. Go to Virtualization > Catalog > InstanceTypes
2. Click on Add volume button
3. Select Use existing volume radio button and select some PVC project
4. In PVC name drop down, select some resource with very long name

Actual results:
The modal suddenly has a bad padding, the PVC name dropdown is wider than the modal window, it doesn't look good. After closing the drop down, the incorrect padding for components in the modal remains.

Expected results:
Not sure about the expected results, but maybe we could display the long name the same way as we display too long Description in Bootable volumes list: with "..." at the end of the visible part of the text + popover shows the whole text. For practical reasons regarding the drop down, maybe the popover could be displayed on hover, not on click.

Additional info:

Comment 1 Hilda Stastna 2023-04-03 13:53:41 UTC
After discussion with Yifat, we've decided to fix this by displaying long name in the drop down 
by adding "..." at the end of the visible part of the pvc name + popover that shows the whole text on hover.

Comment 2 Guohua Ouyang 2023-04-28 05:28:05 UTC
verified on kubevirt-console-plugin-rhel9-container-v4.14.0-1047

Comment 5 errata-xmlrpc 2023-11-08 14:05:06 UTC
Since the problem described in this bug report should be
resolved in a recent advisory, it has been closed with a
resolution of ERRATA.

For information on the advisory (Important: OpenShift Virtualization 4.14.0 Images security and bug fix update), and where to find the updated
files, follow the link below.

If the solution does not work for you, open a new bug report.

https://access.redhat.com/errata/RHSA-2023:6817


Note You need to log in before you can comment on or make changes to this bug.