Bug #4458

[Workbench] Replace e-mail address in menu bar with user icon and make sure bread crumbs are visible in small window sizes

Added by Nancy Ouyang almost 7 years ago. Updated over 6 years ago.

Status:
Resolved
Priority:
Normal
Assigned To:
Radhika Chippada
Category:
Workbench
Target version:
Start date:
04/30/2015
Due date:
% Done:

100%

Estimated time:
(Total: 0.00 h)
Story points:
0.5

Description

not a huge deal, but happens whenever I split my laptop screen (1600x900) in half vertically and was a little disconcerting for a second. screenshot attached.

Screenshot from 2014-11-06 21_27_54.png (109 KB) Screenshot from 2014-11-06 21_27_54.png Nancy Ouyang, 11/07/2014 02:28 AM
4458-lack-of-dashboard.png (24.5 KB) 4458-lack-of-dashboard.png Nancy Ouyang, 04/03/2015 08:56 PM
lack-of-dashboard2.png (23.2 KB) lack-of-dashboard2.png Nancy Ouyang, 04/09/2015 12:50 AM

Subtasks

Task #5867: Review branch: 4458-breadcrumbs-in-small-screensResolvedRadhika Chippada

Associated revisions

Revision 91c46766
Added by Radhika Chippada over 6 years ago

closes #4458
Merge branch '4458-breadcrumbs-in-small-screens'

History

#1 Updated by Brett Smith almost 7 years ago

  • Subject changed from projects/breadcrumb taskbar gets hidden under purple top taskbar when window is small to [Workbench] Projects/breadcrumb taskbar gets hidden under purple top taskbar when window is small
  • Assigned To deleted (Nancy Ouyang)
  • Target version set to Arvados Future Sprints

#2 Updated by Tom Clegg almost 7 years ago

  • Story points set to 0.5

#3 Updated by Nancy Ouyang over 6 years ago

behavior better now, switches to mobile, but mobile menu doesn't link to projects/dashboard in any way?

#4 Updated by Ward Vandewege over 6 years ago

  • Target version changed from Arvados Future Sprints to 2015-05-20 sprint

#5 Updated by Nancy Ouyang over 6 years ago

Here's a screenshot with menu minimized to make the issue super-clear.

#6 Updated by Radhika Chippada over 6 years ago

  • As noted by Nancy in note #3, the app switches to mobile view now and the mobile menu is displayed.
  • Dashboard and Home project are still accessible
    • Dashboard: The top nav text "curoverse beta" is clickable (as in regular display) and takes the user to dashboard when clicked.
    • Clicking on the mobile menu -> email address -> opens up the manage menu options and you will find the Home link there (as in regular view).
  • Is the mobile menu when opened confusing? The settings and Help menu use fa icons, but the manage menu uses the user's email address as drop-down menu link. Does adding an icon next to the email address help see this menu more clearly? Right now, it may be hard to observe that the email address is a drop down menu option in small display. Alternatively, we might want to just change this manage account menu to use an icon like others and display the email address in plain text?

#7 Updated by Radhika Chippada over 6 years ago

  • Assigned To set to Radhika Chippada

#8 Updated by Ward Vandewege over 6 years ago

  • Subject changed from [Workbench] Projects/breadcrumb taskbar gets hidden under purple top taskbar when window is small to [Workbench] Replace e-mail address in menu bar with user icon

This will also solve the overlay problem (menu bar makes breadcrumbs bar invisible) between main and mobile view.

#9 Updated by Radhika Chippada over 6 years ago

  • Subject changed from [Workbench] Replace e-mail address in menu bar with user icon to [Workbench] Replace e-mail address in menu bar with user icon and make sure bread crumbs are visible in small window sizes

#10 Updated by Radhika Chippada over 6 years ago

  • Status changed from New to In Progress

#11 Updated by Radhika Chippada over 6 years ago

  • Breadcrumbs are now visible in the page even when it small
    • The breadcrumbs do disappears as you keep reducing the page size gradually at one point. This is because the site name in development (arvados workbench (dev)). This does not happen when "curoverse beta" is used and hence I ignored this as a non-issue
  • Add drop-down menu indicator (caret) for Settings and Help menus as well. It did not look correct to have it for My account menu but not the others. It looks much better now and is more intuitive.
  • Updated tests as needed to look for my account menu than email address.

#12 Updated by Brett Smith over 6 years ago

02676af9 is good to merge. Thanks.

#13 Updated by Radhika Chippada over 6 years ago

  • Status changed from In Progress to Resolved
  • % Done changed from 0 to 100

Applied in changeset arvados|commit:91c467665ad493108b69c660d5424c77cce5668f.

Also available in: Atom PDF