Details
-
Type: Task
-
Status: Closed (View Workflow)
-
Priority: Major
-
Resolution: Done
-
Affects Version/s: None
-
Fix Version/s: None
-
Labels:None
-
Story Points:0.75
-
Epic Link:
-
Sprint:Summer 1: 8 Jun - 19 Jun, Summer 2: 22 Jun - 3 Jul, Summer 3: 6 Jul - 17 Jul
Description
After porting the bioviz menu bar into the genome dashboard project, there have been some styling conflict issues. These were resolved for the desktop version of the site, however, the mobile version menu does not stay open when toggled. For this ticket, modify the menu styling to resemble the appearance and behavior present on mobile bioviz.org.
Attachments
Issue Links
Activity
Please see my changes at the branch below:
https://bitbucket.org/pbadzuh/genome-dashboard_pbdev/branch/IGBF-2431#diff
- Prevent bootstrap 3 and 4 javascript and css from conflicting - opt for bootstrap 3, on which the bioviz menu is based
- menu now functions as expected and resembles that of bioviz.org on mobile
Philip Badzuh (Inactive)
added a comment - Please see my changes at the branch below:
https://bitbucket.org/pbadzuh/genome-dashboard_pbdev/branch/IGBF-2431#diff
Prevent bootstrap 3 and 4 javascript and css from conflicting - opt for bootstrap 3, on which the bioviz menu is based
menu now functions as expected and resembles that of bioviz.org on mobile
Post merge testing:
The mobile menu for bioviz.org is fixed stays open when toggled
I have checked this fix by:
1. Checking on an android phone by visiting bioviz.org
2. Checking on an iPad by visiting bioviz.org
3. Using the toggle device toolbar option on Chrome to switch my view from a desktop perspective to a mobile perspective on my desktop display.
All testing steps showed no issues and the problem looks to be fixed.
Moving this ticket to "Done" and re-assigning it to Philip Badzuh