Details
-
Type:
Improvement
-
Status: Closed (View Workflow)
-
Priority:
Major
-
Resolution: Done
-
Affects Version/s: None
-
Fix Version/s: None
-
Labels:None
-
Story Points:0.5
-
Epic Link:
-
Sprint:Fall 7 Dec 14 - Dec 23, Winter 1 Dec 28 - Jan 8
Description
The app boxes (tiles) are great, but their horizontal dimension (width) and text spacing seems a bit wonky.
If I make the page bigger, the tiles expand and the text spreads out to fill the space. This seems fine to me.
However, if I make the page smaller, then tiles get smaller and the text does not look very nice - it touches the thin line outlining the box, and the space between authors in the author list expands.
This makes it a bit difficult for App developers to ensure that their tile will always look nice no matter what. It would be good to make the tiles have a more stable and predictable look, no matter how the page is being resized. Also, it might give the users greater confidence in the site if key visual elements (such as the tiles) have the same appearance regardless of the window size.
Attachments
Issue Links
- relates to
-
IGBF-2812 Fix problems with App Store tile margins and whitespace
-
- Closed
-
Activity
| Field | Original Value | New Value |
|---|---|---|
| Epic Link | IGBF-2563 [ 18746 ] |
| Assignee | Ann Loraine [ aloraine ] |
| Description |
The app boxes (tiles) are great, but their horizontal dimension (width) and text spacing seems a bit wonky.
If I make the page bigger, the tiles expand and the text spreads out to fill the space. This seems fine to me. However, if I make the page smaller, then tiles get smaller and the text does not look very nice - it touches the thin line outlining the box, and the space between authors in the author list expands. This makes it a bit difficult for App developers to ensure that their tile will always look nice no matter what. It would be good to make the tiles have a more stable and predictable look, no matter how the page is being resized. |
The app boxes (tiles) are great, but their horizontal dimension (width) and text spacing seems a bit wonky.
If I make the page bigger, the tiles expand and the text spreads out to fill the space. This seems fine to me. However, if I make the page smaller, then tiles get smaller and the text does not look very nice - it touches the thin line outlining the box, and the space between authors in the author list expands. This makes it a bit difficult for App developers to ensure that their tile will always look nice no matter what. It would be good to make the tiles have a more stable and predictable look, no matter how the page is being resized. Also, it might give the users greater confidence in the site if key visual elements (such as the tiles) have the same appearance regardless of the window size. |
| Rank | Ranked higher |
| Status | To-Do [ 10305 ] | In Progress [ 3 ] |
| Assignee | Sameer Shanbhag [ sameer ] |
| Status | In Progress [ 3 ] | Needs 1st Level Review [ 10005 ] |
| Assignee | Sameer Shanbhag [ sameer ] |
Merged and deployed to https://devappstore3.biovi.org.
Please note that https://devappstore5.bioviz.org deploys the previous commit.
| 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 ] |
Author names text has a lot of extra whitespace between different lines. It does not affect functionality, but looks a bit weird.
I made a new ticket to address this: https://jira.transvar.org/browse/IGBF-2705
| Assignee | Chirag Chandrahas Shetty [ chirag24 ] |
| Attachment | screenshot-1.png [ 15061 ] |
[~aloraine] and Sameer Shanbhag: I think that the app description needs to have padding on its right. Please refer the image above.
| Assignee | Chirag Chandrahas Shetty [ chirag24 ] |
FYI: Latest master branch is now also deployed to https://devappstore5.bioviz.org.
Regarding comment from Sai Supreeth Segu: Do please make sure you are not accidentally using the older css. (I am not seeing the same error.)
Sometimes these files get cached. You may need to view the site using an "incognito" window or a different browser.
Sorry I cleared my cache and it looks fine.
| Sprint | Fall 7 Dec 14 - Dec 23 [ 110 ] | Fall 7 Dec 14 - Dec 23, Winter 1 Dec 28 - Jan 8 [ 110, 111 ] |
| Rank | Ranked higher |
| Status | Merged Needs Testing [ 10002 ] | Post-merge Testing In Progress [ 10003 ] |
| Assignee | Sai Supreeth Segu [ ssegu ] |
Also please note there is a new ticket to fix the lower margin - see: IGBF-2715 "Fix lower margin of app tile"
Everything looks good. Closing this Ticket.
| Resolution | Done [ 10000 ] | |
| Status | Post-merge Testing In Progress [ 10003 ] | Closed [ 6 ] |
| Assignee | Sai Supreeth Segu [ ssegu ] | Sameer Shanbhag [ sameer ] |
Hi Professor [~aloraine],
Please Review the following Pull Request:
Change Log: