Bug 1519320 - [UI] login screen renders poorly on mobile, especially using ja-JP, ko-KR, and zh-CN locales
Summary: [UI] login screen renders poorly on mobile, especially using ja-JP, ko-KR, an...
Keywords:
Status: CLOSED CURRENTRELEASE
Alias: None
Product: ovirt-engine
Classification: oVirt
Component: Frontend.WebAdmin
Version: 4.2.0
Hardware: Unspecified
OS: Unspecified
medium
low
Target Milestone: ovirt-4.2.2
: 4.2.2.2
Assignee: Greg Sheremeta
QA Contact: Lucie Leistnerova
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2017-11-30 15:24 UTC by Greg Sheremeta
Modified: 2018-03-06 17:59 UTC (History)
4 users (show)

Fixed In Version:
Clone Of:
Environment:
Last Closed: 2018-03-06 16:21:46 UTC
oVirt Team: UX
Embargoed:
rule-engine: ovirt-4.2+

Attachments (Terms of Use)
login screen -- labels poorly wrap (187.34 KB, image/png)
2017-11-30 15:25 UTC, Greg Sheremeta 		no flags Details
View All


Links
System ID Private Priority Status Summary Last Updated
Red Hat Bugzilla 1549486 0 medium CLOSED [RFE] update landing and login pages to to be compatible with Patternfly 4 2021-02-22 00:41:40 UTC
oVirt gerrit 88212 0 master MERGED engine: update html head entries to those from PatternFly 2020-01-28 15:07:14 UTC
oVirt gerrit 88213 0 master MERGED engine: set nowrap on login form labels 2020-01-28 15:07:14 UTC
oVirt gerrit 88273 0 ovirt-engine-4.2 MERGED engine: update html head entries to those from PatternFly 2020-01-28 15:07:14 UTC
oVirt gerrit 88274 0 ovirt-engine-4.2 MERGED engine: set nowrap on login form labels 2020-01-28 15:07:17 UTC

Internal Links: 1549486

Description Greg Sheremeta 2017-11-30 15:24:05 UTC 
Description of problem:
[UI] login screen renders poorly on mobile, especially using ja-JP, ko-KR, and zh-CN locales

Version-Release number of selected component (if applicable):
4.2 master, 0d9bd1d

How reproducible:
always

Steps to Reproduce:
1. open webadmin via mobile phone
2. on welcome page, change locale to Japanese
3. click on the admin portal link

Actual results:
Login screen renders poorly. Labels are tiny and wrap. See screenshot.

Expected results:
Login screen should be mobile friendly

Additional info:
Comment 1 Greg Sheremeta 2017-11-30 15:25:21 UTC 
Created attachment 1360973 [details]
login screen -- labels poorly wrap
Comment 4 Greg Sheremeta 2018-02-27 09:01:49 UTC 
Update:

With the two patches for this, login page behaves pretty good for all locales. Two remaining issues are: the app logo is missing on mobile, and really long labels (username in Spanish) get truncated. However, I've not going to invest time in fixing those because I just learned that the PatternFly login page pattern was redesigned, so I'll re-do ours to match for 4.3.

In the new login design, traditional labels are not used (they use the 'in-field' labels), so that fixes that. And I'll make sure the logo and layout look decent on a mobile device.
Note You need to log in before you can comment on or make changes to this bug.