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

Investigate: Top menu bar style fixes for BioViz sites

    Details

    • Type: Improvement
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None

      Description

      The "install IGB" button on BioViz sites is not vertically centered - there is more space above the button than below it. This looks a bit weird and unbalanced. Can this be fixed to ensure that there is the same amount of space above and below it?

      Another issue has to do with responsiveness and spacing of menu items.

      No matter the width of the page, there is always a weirdly large empty area between the "install IGB" button and the "Bioviz Connect" link. If you reduce the width of the browser window, the menu items disappear before this empty space gets used up. There seems to be something weird about how responsiveness is working.

      Can this be fixed to look and feel less awkward to the user?

        Attachments

          Activity

          Show
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - - edited PR: https://bitbucket.org/lorainelab/appstore/pull-requests/261/igbf-2729-remove-fix-size-of-top-bar-for
          Hide
          sameer Sameer Shanbhag (Inactive) added a comment -

          I don't think this should be merged before IGBF-2723. This issue needs to be fixed in the original Repo rather than in Appstore

          Show
          sameer Sameer Shanbhag (Inactive) added a comment - I don't think this should be merged before IGBF-2723 . This issue needs to be fixed in the original Repo rather than in Appstore
          Hide
          ann.loraine Ann Loraine added a comment -

          Sorry, I merged the PR too soon.

          Chirag Chandrahas Shetty - could you look at fixing this in the bioviz code base as well?

          Show
          ann.loraine Ann Loraine added a comment - Sorry, I merged the PR too soon. Chirag Chandrahas Shetty - could you look at fixing this in the bioviz code base as well?
          Hide
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment -

          [~aloraine] Sure, I will do that.

          Show
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - [~aloraine] Sure, I will do that.
          Show
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - [~aloraine] and Sameer Shanbhag Created a pull request. link: https://bitbucket.org/lorainelab/bioviz/pull-requests/54/igbf-2729-remove-fix-size-of-top-bar-in
          Hide
          ann.loraine Ann Loraine added a comment -

          Second PR to bioviz repo is now merged but not yet deployed on a testing site.

          Show
          ann.loraine Ann Loraine added a comment - Second PR to bioviz repo is now merged but not yet deployed on a testing site.
          Hide
          ann.loraine Ann Loraine added a comment -

          Please check the menu appearance on test.bioviz.org.

          Show
          ann.loraine Ann Loraine added a comment - Please check the menu appearance on test.bioviz.org.
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment - - edited

          Look for the comment by Philip Badzuh in IGBF-2674 for the screenshot and issue in Safari.
          Regarding the issue with bioviz menu bar, this issue persists in test.bioviz.org as well. So, I think the issue is due to the change made on IGBF-2729. We need to revert this commit for getting everything back to normal. Moving to to-do column
          Attn: Chirag Chandrahas Shetty, Philip Badzuh and Dr. Ann Loraine

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - - edited Look for the comment by Philip Badzuh in IGBF-2674 for the screenshot and issue in Safari. Regarding the issue with bioviz menu bar, this issue persists in test.bioviz.org as well. So, I think the issue is due to the change made on IGBF-2729 . We need to revert this commit for getting everything back to normal. Moving to to-do column Attn: Chirag Chandrahas Shetty, Philip Badzuh and Dr. Ann Loraine
          Hide
          ann.loraine Ann Loraine added a comment - - edited

          Reverted 760e95c and pushed to master branch.

          Show
          ann.loraine Ann Loraine added a comment - - edited Reverted 760e95c and pushed to master branch.
          Hide
          ann.loraine Ann Loraine added a comment -

          Reverted code should now be properly deployed on https://test.bioviz.org and both devappstore3 and devappstore5.

          Philip Badzuh and Sai Supreeth Segu - kindly check to see if the error noticed in Safari is now fixed.

          Show
          ann.loraine Ann Loraine added a comment - Reverted code should now be properly deployed on https://test.bioviz.org and both devappstore3 and devappstore5. Philip Badzuh and Sai Supreeth Segu - kindly check to see if the error noticed in Safari is now fixed.
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          Dr. [~aloraine], I just want to make sure whether the reverted code is deployed on https://test.bioviz.org. I can still see the same issue in https://test.bioviz.org, devappstore3 and devappstore5

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - Dr. [~aloraine] , I just want to make sure whether the reverted code is deployed on https://test.bioviz.org . I can still see the same issue in https://test.bioviz.org , devappstore3 and devappstore5
          Hide
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment -

          [~aloraine] I have submitted a new PR with adjusted height. Tested the changes on chrome and Firefox but this should work on safari also.
          PR: https://bitbucket.org/lorainelab/bioviz/pull-requests/55

          Show
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - [~aloraine] I have submitted a new PR with adjusted height. Tested the changes on chrome and Firefox but this should work on safari also. PR: https://bitbucket.org/lorainelab/bioviz/pull-requests/55
          Hide
          ann.loraine Ann Loraine added a comment -

          Can you please log in to the devappstore sites to check the code base that is deployed.

          Once you log in:

          sudo su
          cd appstore
          git ls
          

          to see the latest commit of the deployed code.

          Show
          ann.loraine Ann Loraine added a comment - Can you please log in to the devappstore sites to check the code base that is deployed. Once you log in: sudo su cd appstore git ls to see the latest commit of the deployed code.
          Hide
          ann.loraine Ann Loraine added a comment -

          Merged and deployed to test.bioviz.org and both devappstores

          Show
          ann.loraine Ann Loraine added a comment - Merged and deployed to test.bioviz.org and both devappstores
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          Issue is resolved in test.bioviz.org but the issue persists in both devappstores.
          Current master for devappstore3 points to commit d39180b
          d39180b (HEAD -> master, origin/master, origin/HEAD) Merged in IGBF-2734 (pull request #264)
          4e2957d Merged in IGBF-2719 (pull request #263)
          d69ba0f IGBF-2734: Fix question mark buttons in error page.
          b8544ca IGBF-2719: Fixing broken links
          737a9a1 Merged lorainelab/appstore into master
          3590659 Merged in IGBF-2684-2 (pull request #262)
          8991e09 IGBF-2684: Updating name of CSS file
          783772d Merged lorainelab/appstore into master
          a78d2e2 Merged in IGBF-2729 (pull request #261)
          690ea76 Merged in IGBF-2723 (pull request #260)
          d9190ff Merged lorainelab/appstore:master into chirag06/appstore:IGBF-2729
          96f9a27 IGBF-2729:Remove fix size of top bar for alignment of Install IGB button

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - Issue is resolved in test.bioviz.org but the issue persists in both devappstores. Current master for devappstore3 points to commit d39180b d39180b (HEAD -> master, origin/master, origin/HEAD) Merged in IGBF-2734 (pull request #264) 4e2957d Merged in IGBF-2719 (pull request #263) d69ba0f IGBF-2734 : Fix question mark buttons in error page. b8544ca IGBF-2719 : Fixing broken links 737a9a1 Merged lorainelab/appstore into master 3590659 Merged in IGBF-2684 -2 (pull request #262) 8991e09 IGBF-2684 : Updating name of CSS file 783772d Merged lorainelab/appstore into master a78d2e2 Merged in IGBF-2729 (pull request #261) 690ea76 Merged in IGBF-2723 (pull request #260) d9190ff Merged lorainelab/appstore:master into chirag06/appstore: IGBF-2729 96f9a27 IGBF-2729 :Remove fix size of top bar for alignment of Install IGB button
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          Chester Dias and myself don't have access to turn on instances for devappstore3 and devappstore5. We both have tried and failed to start EC2 instances. Dr. [~aloraine] Please start EC2 instances for both devappstores.
          cc: Sameer Shanbhag

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - Chester Dias and myself don't have access to turn on instances for devappstore3 and devappstore5. We both have tried and failed to start EC2 instances. Dr. [~aloraine] Please start EC2 instances for both devappstores. cc: Sameer Shanbhag
          Hide
          sameer Sameer Shanbhag (Inactive) added a comment -

          I have started devappstore5. I dont have access to devappstore3. Please check.

          Attn. Sai Supreeth Segu Chester Dias

          Show
          sameer Sameer Shanbhag (Inactive) added a comment - I have started devappstore5. I dont have access to devappstore3. Please check. Attn. Sai Supreeth Segu Chester Dias
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -
          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - Thanks Sameer Shanbhag
          Hide
          ann.loraine Ann Loraine added a comment -

          Apologies. There was a typo in the "Owner" tag for devappstore3. You should now have access to it.

          Show
          ann.loraine Ann Loraine added a comment - Apologies. There was a typo in the "Owner" tag for devappstore3. You should now have access to it.
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          This issue still persists in both devappstores due to this change. Dr. [~aloraine], Please revert this https://bitbucket.org/lorainelab/appstore/pull-requests/261/igbf-2729-remove-fix-size-of-top-bar-for commit. After reverting this commit everything should work back as normal in Safari browser.

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - This issue still persists in both devappstores due to this change. Dr. [~aloraine] , Please revert this https://bitbucket.org/lorainelab/appstore/pull-requests/261/igbf-2729-remove-fix-size-of-top-bar-for commit. After reverting this commit everything should work back as normal in Safari browser.
          Hide
          ann.loraine Ann Loraine added a comment -

          Request for Sai Supreeth Segu: Please specific which commit hash needs to be reverted on appstore code base.

          Show
          ann.loraine Ann Loraine added a comment - Request for Sai Supreeth Segu : Please specific which commit hash needs to be reverted on appstore code base.
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment - - edited

          The commit hash: 96f9a27 and the description is : IGBF-2729:Remove fix size of top bar for alignment of Install IGB button.
          cc: Dr. [~aloraine]

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - - edited The commit hash: 96f9a27 and the description is : IGBF-2729 :Remove fix size of top bar for alignment of Install IGB button. cc: Dr. [~aloraine]
          Hide
          ann.loraine Ann Loraine added a comment -

          Reverted and revert-commit push to master.
          Deployed to devappstore3 and 5.

          Show
          ann.loraine Ann Loraine added a comment - Reverted and revert-commit push to master. Deployed to devappstore3 and 5.
          Hide
          ann.loraine Ann Loraine added a comment -

          Sai Supreeth Segu kindly test new deployment.

          Show
          ann.loraine Ann Loraine added a comment - Sai Supreeth Segu kindly test new deployment.
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          Dr. [~aloraine], Issue persists in devappstore5 and resolved in devappstore3.

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - Dr. [~aloraine] , Issue persists in devappstore5 and resolved in devappstore3.
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          I have investigated why the issue exists in devappstore5 and noticed that the code in commit hash: 96f9a27 still exists in devappstore5.
          In devappstore3, the commit hash: 96f9a27 is reverted

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - I have investigated why the issue exists in devappstore5 and noticed that the code in commit hash: 96f9a27 still exists in devappstore5. In devappstore3, the commit hash: 96f9a27 is reverted
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          Issued is fixed in devappstore5 as well

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - Issued is fixed in devappstore5 as well
          Hide
          ann.loraine Ann Loraine added a comment -

          There does not appear to be a way to fix this as the previous attempt did not work. Moving to Closed.

          Show
          ann.loraine Ann Loraine added a comment - There does not appear to be a way to fix this as the previous attempt did not work. Moving to Closed.
          Hide
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment -

          [~aloraine] We fixed the issue in bioviz repo since AppStore gets the CSS file from there(Commit hash: 62aecff). I can see the changes in devappstore3. If you feel the button spacing looks unbalanced, then please let me know.

          Show
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - [~aloraine] We fixed the issue in bioviz repo since AppStore gets the CSS file from there(Commit hash: 62aecff). I can see the changes in devappstore3. If you feel the button spacing looks unbalanced, then please let me know.
          Hide
          ann.loraine Ann Loraine added a comment -

          Coud you check with Supreeth on this? I think there was a problem with the change and we needed to revert it.
          Sorry for the confusion! Chirag Chandrahas Shetty

          Show
          ann.loraine Ann Loraine added a comment - Coud you check with Supreeth on this? I think there was a problem with the change and we needed to revert it. Sorry for the confusion! Chirag Chandrahas Shetty
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          With this change there is an issue in Safari browser. Please review IGBF-2674 for the screenshots and the comments.
          cc: Chirag Chandrahas Shetty

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - With this change there is an issue in Safari browser. Please review IGBF-2674 for the screenshots and the comments. cc: Chirag Chandrahas Shetty
          Hide
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment -

          Sai Supreeth Segu I checked the comment logs. So there were in total 3 pull requests submitted. The first two pull requests are doing the same thing but were submitted to different repos:
          1) bioviz repo: 760e95c
          2) appstore repo: 96f9a27

          In the above commits the height of the menubar was changed from 53px to auto and this was working in chrome and firefox but in safari height:auto does not work because of which it was covering the whole screen.

          Both the commits were reverted by Dr.[~aloraine] but I had submitted a third pull request to bioviz repo which Dr. Loraine merged into the master branch(commit hash: 62aecff). Since the appstore is getting the menu.css file from bioviz repo we can see the changes in our current testing deployments(devappstore3 and devappstore5).

          Please check the commit history of bioviz repo.

          Show
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - Sai Supreeth Segu I checked the comment logs. So there were in total 3 pull requests submitted. The first two pull requests are doing the same thing but were submitted to different repos: 1) bioviz repo: 760e95c 2) appstore repo: 96f9a27 In the above commits the height of the menubar was changed from 53px to auto and this was working in chrome and firefox but in safari height:auto does not work because of which it was covering the whole screen. Both the commits were reverted by Dr. [~aloraine] but I had submitted a third pull request to bioviz repo which Dr. Loraine merged into the master branch(commit hash: 62aecff). Since the appstore is getting the menu.css file from bioviz repo we can see the changes in our current testing deployments(devappstore3 and devappstore5). Please check the commit history of bioviz repo.
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          Chirag Chandrahas Shetty I have checked the logs of appstore. There was a new commit(hash: 62aecff) that was merged after reverting the previous changes. The new commit is working fine in Safari browser as well.
          cc: Dr.[~aloraine]

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - Chirag Chandrahas Shetty I have checked the logs of appstore. There was a new commit(hash: 62aecff) that was merged after reverting the previous changes. The new commit is working fine in Safari browser as well. cc: Dr. [~aloraine]

            People

            • Assignee:
              Unassigned
              Reporter:
              ann.loraine Ann Loraine
            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: