OpenStack Dashboard (Horizon)

Edit Image dialog contains truncated description text

Bug #1787872 reported by Yuko Katabami on 2018-08-20

This bug affects 1 person

Affects		Status	Importance	Assigned to	Milestone
	OpenStack Dashboard (Horizon)	Fix Released	Low	Pavani Peddapalli

Bug Description

Project > Compute > Images > Edit Image > Metadata

The description text shown on the top is not fully visible.
The right side edge is hidden by the question mark.

Tags:

Revision history for this message

Yuko Katabami (ykatabam) wrote on 2018-08-20:

edit-image-text-truncation-en.png Edit (58.7 KiB, image/png)

Revision history for this message

Yuko Katabami (ykatabam) wrote on 2018-08-20:

edit-image-text-truncation-ja.png Edit (84.6 KiB, image/png)

tags:

added: ui

Ivan Kolodyazhny (e0ne) on 2018-10-03

Changed in horizon:
status:	New → Confirmed
importance:	Undecided → Medium
tags:	added: low-hanging-fruit

Illia Khomenko (raingeragon) on 2018-12-07

Changed in horizon:
assignee:	nobody → Illia Khomenko (raingeragon)

Revision history for this message

Vishal Manchanda (vishalmanchanda) wrote on 2019-01-25:

update-image-metadata.PNG Edit (40.5 KiB, image/png)

Hi Yuko Katabami,I can't reproduce this bug.This bug is fixed in current release as you can see in attachment. Can we mark it as invalid?

Revision history for this message

Yuko Katabami (ykatabam) wrote on 2019-01-25:

Hi,
Thank you for following this up.
I saw your screenshot and looks good for English.
It is not truncated even with non-English locale? (e.g. Japanese)
-- I am sorry, I currently don't have any environment I can quickly check. It would be great if you could check it for me.

Revision history for this message

Akihiro Motoki (amotoki) wrote on 2019-05-21:

It seems to depend on a screen width. If the width of the browser window is not wide enough, this seems to happen.

Revision history for this message

Yuko Katabami (ykatabam) wrote on 2019-05-21:

edit-image-ja.png Edit (193.8 KiB, image/png)

Thank you @amotoki.

I checked it on a environment and confirmed that it still happens when the browser window width is narrow.
Please see my attachment.

Revision history for this message

Akihiro Motoki (amotoki) wrote on 2019-05-22:

This happens only when a browser window width is narrow. Changing the priority to low.

Changed in horizon:
importance:	Medium → Low

Pavani Peddapalli (pavani-peddapalli) on 2020-05-13

Changed in horizon:
assignee:	Illia Khomenko (raingeragon) → Pavani Peddapalli (pavani-peddapalli)

Revision history for this message

OpenStack Infra (hudson-openstack) wrote on 2020-06-05: Fix proposed to horizon (master)

Fix proposed to branch: master
Review: https://review.opendev.org/733745

Changed in horizon:
status:	Confirmed → In Progress

Revision history for this message

Pavani Peddapalli (pavani-peddapalli) wrote on 2020-06-09:

#10

Edit_Image_Metadata.jpg Edit (1.1 MiB, image/jpeg)

Hi Yuko Katabami, I can reproduce this bug and have solved it. I have provided screenshot of it in attachment, please check.

Revision history for this message

Yuko Katabami (ykatabam) wrote on 2020-06-09:

#11

Hi Pavani,
Thank you very much for fixing the issue and attaching the screenshot.
It looks good now.

Revision history for this message

OpenStack Infra (hudson-openstack) wrote on 2020-06-20: Fix merged to horizon (master)

#12

Reviewed: https://review.opendev.org/733745
Committed: https://git.openstack.org/cgit/openstack/horizon/commit/?id=316d826d88dc7a4565ee2add7c07d3304629960e
Submitter: Zuul
Branch: master

commit 316d826d88dc7a4565ee2add7c07d3304629960e
Author: Pavani Peddapalli <email address hidden>
Date: Thu Jun 4 18:34:16 2020 +0530

Added Bootstrap in HTML to make page Responsive

    As right edge of description text shown on top is
    hidden by question mark, when page is narrow, added
    bootstrap to adjust itself to screen width

Closes-Bug: #1787872

Change-Id: Ic9213d27081a686f70a0fa5617485f24e0f57542