Uploaded image for project: 'IGB'
  1. IGB
  2. IGBF-2431

Fix top menu bar styling on mobile

        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

              blocks

              New Feature - A new feature of the product, which has yet to be developed. IGBF-2414 Investigate: Include bioviz menu bar in genome-dashboard

              • Major - Major loss of function.
              • Closed
              is blocked by

              Task - A task that needs to be done. IGBF-2442 Update to bootstrap 4 on bioviz and genome dashboard

              • Major - Major loss of function.
              • Closed

                Activity

                Ascending order - Click to sort in descending order
                5 older comments
                Hide
                Permalink
                pbadzuh Philip Badzuh (Inactive) added a comment -

                Please see the branch below:
                https://bitbucket.org/pbadzuh/bioviz-playbooks_pbdev/branch/IGBF-2431#diff

                • This updates bioviz ansible playbooks to support the recent changes made to bioviz in IGBF-2442 as well as those mentioned in the previous comment.
                Show
                pbadzuh Philip Badzuh (Inactive) added a comment - Please see the branch below: https://bitbucket.org/pbadzuh/bioviz-playbooks_pbdev/branch/IGBF-2431#diff This updates bioviz ansible playbooks to support the recent changes made to bioviz in IGBF-2442 as well as those mentioned in the previous comment.
                Hide
                Permalink
                ann.loraine Ann Loraine added a comment -

                Please submit PR.

                Show
                ann.loraine Ann Loraine added a comment - Please submit PR.
                Hide
                Permalink
                pbadzuh Philip Badzuh (Inactive) added a comment -

                Please see PRs below:
                https://bitbucket.org/lorainelab/bioviz-playbooks/pull-requests/3/igbf-2431-update-bioviz-menu-import-task/diff

                https://bitbucket.org/lorainelab/genome-dashboard/pull-requests/24/igbf-2431-update-bioviz-bootstrap-4-top/diff

                Show
                pbadzuh Philip Badzuh (Inactive) added a comment - Please see PRs below: https://bitbucket.org/lorainelab/bioviz-playbooks/pull-requests/3/igbf-2431-update-bioviz-menu-import-task/diff https://bitbucket.org/lorainelab/genome-dashboard/pull-requests/24/igbf-2431-update-bioviz-bootstrap-4-top/diff
                Hide
                Permalink
                ann.loraine Ann Loraine added a comment -

                Merged.

                Show
                ann.loraine Ann Loraine added a comment - Merged.
                Hide
                Permalink
                gchamma Jay Chamma (Inactive) added a comment - - edited

                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

                Show
                gchamma Jay Chamma (Inactive) added a comment - - edited 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

                  People

                  • Assignee:
                    pbadzuh Philip Badzuh (Inactive)
                    Reporter:
                    pbadzuh Philip Badzuh (Inactive)
                  • Votes:
                    0 Vote for this issue
                    Watchers:
                    3 Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved: