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

Modify styling in Wall of Apps

        Details

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

          Description

          Logos are overlapping each other in the Wall of Apps and the top parts of the logos are getting clipped. Also, there is too much whitespace separating the category labels and the logos, which hurts readability.

          For this task, please examine https://apps.cytoscape.org/apps/wall. Modify the IGB App Store Wall of Apps appearance to look like http://apps.cytoscape.org/apps/wall. Replicate font size, font style, margin settings, and mouse-over behavior.

          Requirements:

          • Do not modify styles sheets or files used by other pages.

            Attachments

              Issue Links

              relates to

              Task - A task that needs to be done. IGBF-2519 Remove App Store Wall of Apps and all references to it

              • Major - Major loss of function.
              • Closed

                Activity

                Ascending order - Click to sort in descending order
                Hide
                Permalink
                sameer Sameer Shanbhag (Inactive) added a comment -

                Changes are live at:
                https://dev-appstore-1.bioviz.org/apps/wall

                ChangeLog :
                1. The Icons are no longer being cropped
                2. The hover will no longer have any blue underline beneath it
                3. Improve the spacing between two columns

                Pull Request Submitted:
                https://bitbucket.org/lorainelab/appstore/pull-requests/205/igbf-2223-improve-the-look-and-feel-of/diff

                Show
                sameer Sameer Shanbhag (Inactive) added a comment - Changes are live at: https://dev-appstore-1.bioviz.org/apps/wall ChangeLog : 1. The Icons are no longer being cropped 2. The hover will no longer have any blue underline beneath it 3. Improve the spacing between two columns Pull Request Submitted: https://bitbucket.org/lorainelab/appstore/pull-requests/205/igbf-2223-improve-the-look-and-feel-of/diff
                Hide
                Permalink
                ann.loraine Ann Loraine added a comment -

                Much better!

                Change requests:

                • Change font face of categories from bold to normal; reduce font size
                • Try using container-fluid to allow Apps and HR to expand the full horizontal width of the page
                • Add mouse-over tooltip that reports Bundle-Name
                • Remove parentheses around (# total) in the header "Wall of Apps"
                Show
                ann.loraine Ann Loraine added a comment - Much better! Change requests: Change font face of categories from bold to normal; reduce font size Try using container-fluid to allow Apps and HR to expand the full horizontal width of the page Add mouse-over tooltip that reports Bundle-Name Remove parentheses around (# total) in the header "Wall of Apps"
                Hide
                Permalink
                sameer Sameer Shanbhag (Inactive) added a comment -

                Prof. [~aloraine] Could you please check now. I have updated the Dev Appstore 1 Instance with all the required changes.

                Dev Appstore 1: https://dev-appstore-1.bioviz.org/apps/wall

                Show
                sameer Sameer Shanbhag (Inactive) added a comment - Prof. [~aloraine] Could you please check now. I have updated the Dev Appstore 1 Instance with all the required changes. Dev Appstore 1: https://dev-appstore-1.bioviz.org/apps/wall
                Hide
                Permalink
                ann.loraine Ann Loraine added a comment - - edited

                The Wall of Apps will be more useful when there are more Apps. Let's remove this feature for now.
                For the next steps on this, remove this page and all references to it within the code base.
                Closing this issue and creating a new one to remove "Wall of Apps" from code base.

                Show
                ann.loraine Ann Loraine added a comment - - edited The Wall of Apps will be more useful when there are more Apps. Let's remove this feature for now. For the next steps on this, remove this page and all references to it within the code base. Closing this issue and creating a new one to remove "Wall of Apps" from code base.

                  People

                  • Assignee:
                    sameer Sameer Shanbhag (Inactive)
                    Reporter:
                    ann.loraine Ann Loraine
                  • Votes:
                    0 Vote for this issue
                    Watchers:
                    Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved: