Challenge Overview
The goal of this challenge is to fix number of UI related bugs on the refactored version of the Challenge Details page. The page was rewritten in Angular, and a number of minor UI bugs we want to fix are described below.
Bug #1
Issue ID: refactored-challenge-details-11
Bug Overview: Mis-positioned "Challenge Discussion" link in IE-11
Steps to reproduce the bug:
- on IE-11, go to http://www.topcoder.com/active-challenges/design/
- click on any challenge
- observe the "Challenge Discussion" link overlaps in the gray box, see this screenshot https://apps.topcoder.com/bugs/secure/attachment/160024/ie11-forum-link-misplaced.png for reference
Expected Result:
- the "Challenge Discussion" link should be on top of the gray box and not overlapping it
- see the page in Chrome browser for reference
- make sure to fix all challenge type details pages (Design, Develop, and Data) for this issue
- make sure this fix is consistent accross all required browser
Bug #2
Issue ID: refactored-challenge-details-14
Bug Overview: Tooltip in Review Style section are far from the info icon
Steps to reproduce the bug:
- on any browser, go to http://www.topcoder.com/active-challenges/develop/
- click on any challenge
- on the "Review Style" section, hover on the "?" icons
- observe how the tooltip shows, they are far from the icon
Expected Result:
- tooltip must open near the icon
- tooltip should show on the right after the icon and the top edge of the tooltip should be aligned on the top edge of the icon
- make sure this fix is consistent accross all required browser
Bug #3
Issue ID: refactored-challenge-details-26
Bug Overview: Prizes layout issue
Steps to reproduce the bug:
- go to this page http://www.topcoder.com/challenge-details/30043382/?type=develop
- observe the prize layout is not correctly rendered
Expected Result:
- the prize layout should correctly rendered, see this page http://www.topcoder.com/challenge-details/30043348/?type=design for reference of the correct layout
Bug #4
Issue ID: refactored-challenge-details-40
Bug Overview: Prize are not formatted properly
Steps to reproduce the bug:
- go to this page http://www.topcoder.com/challenge-details/30042731/?type=develop
- observe the prizes are not number formatted, see this screenshot for reference https://apps.topcoder.com/bugs/secure/attachment/160214/27.png
- now click Results tab, prizes are not also formatted
Expected Result:
- prizes should be properly formatted
- make sure your fix is applied to all challenge details page (Design and Develop)
Bug #5
Issue ID: refactored-challenge-details-68
Bug Overview: Missing submission confirmation icon
Steps to reproduce the bug:
- go to this page http://www.topcoder.com/angular-challenge-details/30042788/?type=develop
- click Registrants tab
- observe the column "Submission Date" and in rows with submission date, there's no icon indicating that the sumission is okay, check this screenshot for reference https://apps.topcoder.com/bugs/secure/attachment/160155/Angular2.jpg
Expected Result:
- the icon should be visible when the submission indicates it is confirmed, see this screenshot for reference https://apps.topcoder.com/bugs/secure/attachment/160154/Production2.jpg
Bug #6
Issue ID: refactored-challenge-details-77
Bug Overview: PRIZE and STUDIO CUP POINTS text are not in BOLD
Steps to reproduce the bug:
- go to this page http://www.topcoder.com/challenge-details/30042826/?type=design
- click Results tab
- observe the PRIZE and STUDIO CUP POINTS text are not in bold, see this screenshot for reference - https://apps.topcoder.com/bugs/secure/attachment/160234/43-Chrome.png
Expected Result:
-PRIZE and STUDIO CUP POINTS text should be in bold, see this screenshot for reference - https://apps.topcoder.com/bugs/secure/attachment/160235/43-IE+and+FF.png
Bug #7
Issue ID: refactored-challenge-details-80
Bug Overview: 'Registrants' Section is too close to the right side
Steps to reproduce the bug:
- open http://www.topcoder.com/challenge-details/30042731/?type=develop
- click Results tab
- scroll down
- check the Registrants stat info
- compare this with Design type challenge, see these screenshots for reference https://apps.topcoder.com/bugs/secure/attachment/160237/46-Design.png and https://apps.topcoder.com/bugs/secure/attachment/160238/46-Develop.png
Expected Result:
- Registrant stat info must have some gap like in the Design challenge type - Registrant section
Bug #8
Issue ID: refactored-challenge-details-81
Bug Overview: Placement flag touches the top line after 2nd place placement
Steps to reproduce the bug:
- go to this page http://www.topcoder.com/challenge-details/30042826/?type=design#winner
- observe the posisiton of the flag of 1st place winner
Expected Result:
- there should be no gap between the flag and the line in 1st place winner
- see the 2nd place winner flag for reference
Bug #9
Issue ID: refactored-challenge-details-116
Bug Overview: 'Register for this challenge' button doesn't render well in IE-11
Steps to reproduce the bug:
- on IE-11, open these page http://www.topcoder.com/challenge-details/30042731/?type=develop and http://www.topcoder.com/challenge-details/30042826/?type=design
- observe the 'Register for this challenge' button, see this screenshot for reference - https://apps.topcoder.com/bugs/secure/attachment/160349/56.png
Expected Result:
- the button should render properly, see the page in Chrome browser for reference
- must fix in all required browsers
Bug #10
Issue ID: refactored-challenge-details-117
Bug Overview: 'Community Review Board' hyperlink is not working in pop up
Steps to reproduce the bug:
- go to this page http://www.topcoder.com/challenge-details/30042731/?type=develop
- hover over the 'Community Review Board' info icon
- click on the 'Community Review Board' hyperlink
Expected Result:
- 'Community Review Board' text should not be hyperlinked, remove its hyperlink
Browser Requirements
- IE10
- IE11
- Latest Safari
- Latest Firefox
- Latest Chrome
Resources and Guidelines:
- Latest theme and plugin available on github https://github.com/topcoderinc/tc-site/
- Data is avaiable on https://github.com/topcoderinc/tc-site-data
- Please follow the guideline in our Github repo at https://github.com/topcoderinc/tc-site/#readme, specially in creating branches for each issue.
Quick Installation guide :
1. Activate theme and plugin
2. Import provided XML file
3. Set home as front page
4. Set permalink to %post_name%
5. Please install site on local.topcoder.com (add to hosts file), so your local site can read tcsso and tcjwt cookie
Final Submission Guidelines
- Please submit updated files and individual Patch files for each issue
- Deployment documentation
- Any new js or css file must be included in the registry. Learn about this on script and style registry section
- Once the winner is declared, create a branch for each issue with their issue ID as branch name and submit pull request