Created attachment 1189418 [details] skinny window - app distorted Description of problem: This is an [RFE] for oVirt engine UI responsive design improvements Version-Release number of selected component (if applicable): 4.0 How reproducible: always Steps to Reproduce: There are several responsive design issues. A more thorough review session needs to take place, but some low hanging fruit: * resize a login screen to < 700px, and the form doesn't behave well * resize the welcome page to be very short and a strange vertical scroll bar appears * resize the main app to < 500px and it does some nasty stuff as it drops into mobile mode (see screenshot) I recommend a design review with the PatternFly team, and using this BZ as an "epic" or tracker for responsiveness issues we find.
See also: https://bugzilla.redhat.com/show_bug.cgi?id=1347807#c5
Bug tickets must have version flags set prior to targeting them to a release. Please ask maintainer to set the correct version flags and only then set the target milestone.
Any updates on this?
Yes, Serena and I have been in contact. I hope to pick this up after our epic on memory leaks is solved.
Everything but the first issue noted has been taken care of. In particular when you make the login screen small enough to fit on mobile screen the label and field are switched for user name and password but not the profile selection.
The first issue can be tracked in Bug 1457951
Verified in ovirt-engine-4.2.0.2-0.1.el7.noarch ovirt-engine-webadmin-portal-4.2.0.2-0.1.el7.noarch I resized the browser window to 480 x 800 px (most common resolution for older mobile devices) and went through different areas of the web UI: - welcome page - login screen - Webadmin - Dashboard, dialogs, main views and detail views with various widgets I have not found any distorted parts on the page. All the dialogs, data tables, menu buttons, Dashboard, etc., always aligned or stacked nicely - nothing was overflowing or cut off - of horizontal/vertical scrollbars appeared. See the attached panoramic screenshot for details.
Created attachment 1370575 [details] web UI - mobile-like resolution look
I forgot to add: tested with Firefox 52 ESR & 58 beta and Chromium 63.
This bugzilla is included in oVirt 4.2.0 release, published on Dec 20th 2017. Since the problem described in this bug report should be resolved in oVirt 4.2.0 release, published on Dec 20th 2017, it has been closed with a resolution of CURRENT RELEASE. If the solution does not work for you, please open a new bug report.