Details
-
Type:
Task
-
Status: Closed (View Workflow)
-
Priority:
Major
-
Resolution: Done
-
Affects Version/s: None
-
Fix Version/s: None
-
Labels:None
-
Story Points:1
-
Epic Link:
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
-
-
- Closed
-
Activity
| Field | Original Value | New Value |
|---|---|---|
| Epic Link | IGBF-1388 [ 17463 ] |
| Rank | Ranked higher |
| 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. Copy the font size, font style, margin settings (on the page) etc, mouse-over behavior, etc. |
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. Copy the font size, font style, margin settings (on the page) etc, mouse-over behavior, etc. Requirements: * Do not modify styles sheets or files used by other pages. |
| Assignee | Noor Zahara [ noor91zahara ] |
| 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. Copy the font size, font style, margin settings (on the page) etc, mouse-over behavior, etc. Requirements: * Do not modify styles sheets or files used by other pages. |
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. |
| Status | To-Do [ 10305 ] | In Progress [ 3 ] |
| Assignee | Sameer Shanbhag [ sameer ] |
| Status | In Progress [ 3 ] | Needs 1st Level Review [ 10005 ] |
| Assignee | Sameer Shanbhag [ sameer ] |
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"
| Status | Needs 1st Level Review [ 10005 ] | First Level Review in Progress [ 10301 ] |
| Status | First Level Review in Progress [ 10301 ] | To-Do [ 10305 ] |
| Assignee | Sameer Shanbhag [ sameer ] |
| Status | To-Do [ 10305 ] | In Progress [ 3 ] |
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
| Status | In Progress [ 3 ] | To-Do [ 10305 ] |
| Assignee | Sameer Shanbhag [ sameer ] |
| Rank | Ranked lower |
| Sprint | Spring 2 : 20 Jan to 31 Jan [ 85 ] | Spring 3 : 3 Feb to 14 Feb [ 86 ] |
| Rank | Ranked higher |
| Sprint | Spring 3 : 3 Feb to 14 Feb [ 86 ] | Spring 3 : 17 Feb to 21 Feb [ 87 ] |
| Rank | Ranked higher |
| Sprint | Spring 3 : 17 Feb to 21 Feb [ 87 ] |
| Rank | Ranked higher |
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.
| Status | To-Do [ 10305 ] | In Progress [ 3 ] |
| Status | In Progress [ 3 ] | Needs 1st Level Review [ 10005 ] |
| Status | Needs 1st Level Review [ 10005 ] | First Level Review in Progress [ 10301 ] |
| Status | First Level Review in Progress [ 10301 ] | Ready for Pull Request [ 10304 ] |
| Status | Ready for Pull Request [ 10304 ] | Pull Request Submitted [ 10101 ] |
| Status | Pull Request Submitted [ 10101 ] | Reviewing Pull Request [ 10303 ] |
| Status | Reviewing Pull Request [ 10303 ] | Merged Needs Testing [ 10002 ] |
| Status | Merged Needs Testing [ 10002 ] | Post-merge Testing In Progress [ 10003 ] |
| Resolution | Done [ 10000 ] | |
| Status | Post-merge Testing In Progress [ 10003 ] | Closed [ 6 ] |
| Assignee | Sameer Shanbhag [ sameer ] |
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