Created attachment 69952 [details] Screenshot showing broken layout below 768 pixels wide The built-in Bootstrap responsive layout makes the staff client's menu bar behave badly at browser widths smaller than 768 pixels. I propose to add some CSS to make it work somewhat better.
Created attachment 69957 [details] Screenshot of the proposed updated interface In the proposed revision, the logged-in user's name and branch would move to the dropdown menu at lower screen widths.
That looks much better to me!
Created attachment 70023 [details] [review] Bug 19851: Improve responsive layout handling of staff client menu bar This patch modifies CSS and markup in the staff client header to override the default responsive style of the menu bar. The changed layout will keep the menu bar items in a horizontal line at lower screen widths. To test, apply the patch and clear your browser cache if necessary. - Log in to the staff client and confirm that the appearance of the menu bar at the top of the screen looks correct at various browser widths. - Confirm that the logged-in user menu label and help link expand and collapse according to browser width.
Created attachment 70139 [details] [review] Bug 19851: Improve responsive layout handling of staff client menu bar This patch modifies CSS and markup in the staff client header to override the default responsive style of the menu bar. The changed layout will keep the menu bar items in a horizontal line at lower screen widths. To test, apply the patch and clear your browser cache if necessary. - Log in to the staff client and confirm that the appearance of the menu bar at the top of the screen looks correct at various browser widths. - Confirm that the logged-in user menu label and help link expand and collapse according to browser width. Signed-off-by: dom <dominic.pichette@inlibro.com>
Created attachment 70149 [details] [review] Bug 19851: Improve responsive layout handling of staff client menu bar This patch modifies CSS and markup in the staff client header to override the default responsive style of the menu bar. The changed layout will keep the menu bar items in a horizontal line at lower screen widths. To test, apply the patch and clear your browser cache if necessary. - Log in to the staff client and confirm that the appearance of the menu bar at the top of the screen looks correct at various browser widths. - Confirm that the logged-in user menu label and help link expand and collapse according to browser width. Signed-off-by: dom <dominic.pichette@inlibro.com> Signed-off-by: Josef Moravec <josef.moravec@gmail.com>
Nice job Owen ;)
Pushed to master for 18.05, thanks to everybody involved!
Awesome work all, pushed to stable for 17.11.02
This looks more like enhancement to me. BTW I will wait for Bug 20051 to decide if I backport to 17.05.x