gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Challenge numbering in Map fixed to work properly on IE.

Browse Source
This commit is contained in:
JelenaBarinova
2015-12-08 11:46:35 -08:00
parent eb740482ec
commit 96375bb643
2 changed files with 103 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/less/main.less
View File

@ -231,6 +231,12 @@ ul {
font-size: 20px; font-size: 20px;
} }
.map-row-numbers {
text-align: right;
padding-right: 5px;
padding-left: 5px;
}
.link-table td{ .link-table td{
font-size: 16px; font-size: 16px;
border-top: none !important; border-top: none !important;

69
server/views/challengeMap/show.jade
View File

@ -45,14 +45,17 @@ block content
.row .row
.col-xs-12.col-sm-8.col-sm-offset-2 .col-xs-12.col-sm-8.col-sm-offset-2
h3 800 Hours of Practice: h3 800 Hours of Practice:
ol - var i = 0
for challengeBlock in blocks for challengeBlock in blocks
- i++
.row .row
if (user) if (user)
if (challengeBlock.completed === 100) if (challengeBlock.completed === 100)
.hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.map-p.negative-10 .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-1.col-sm-1.col-md-1.map-row-numbers
li.map-p.faded.negative-10 span.map-p.negative-10 #{i}.
.col-xs-11.col-sm-8.col-md-9
span.map-p.faded.negative-10
a(href='#' + challengeBlock.dashedName)= challengeBlock.name a(href='#' + challengeBlock.dashedName)= challengeBlock.name
if challengeBlock.markNew if challengeBlock.markNew
span.text-danger.small     span.text-danger.small    
@ -62,8 +65,10 @@ block content
.hidden-xs.col-sm-3.col-md-2 .hidden-xs.col-sm-3.col-md-2
.progress.progress-bar-padding.text-center.thin-progress-bar .progress.progress-bar-padding.text-center.thin-progress-bar
.progress-bar(role='progressbar', aria-valuenow=(challengeBlock.completed), aria-valuemin='0', aria-valuemax='100', style='width: ' + challengeBlock.completed + '%;') .progress-bar(role='progressbar', aria-valuenow=(challengeBlock.completed), aria-valuemin='0', aria-valuemax='100', style='width: ' + challengeBlock.completed + '%;')
.col-xs-12.col-sm-9.col-md-10 .col-xs-1.col-sm-1.col-md-1.map-row-numbers
li.map-p.negative-10 span.map-p.negative-10 #{i}.
.col-xs-11.col-sm-8.col-md-9
span.map-p.negative-10
a(href='#' + challengeBlock.dashedName)= challengeBlock.name a(href='#' + challengeBlock.dashedName)= challengeBlock.name
if challengeBlock.markNew if challengeBlock.markNew
span.text-danger.small     span.text-danger.small    
@ -71,9 +76,10 @@ block content
em NEW em NEW
else else
.hidden-xs.col-sm-3.col-md-2 .hidden-xs.col-sm-3.col-md-2
span.negative-10 .col-xs-1.col-sm-1.col-md-1.map-row-numbers
.col-xs-12.col-sm-9.col-md-10 span.map-p.negative-10 #{i}.
li.map-p.negative-10 .col-xs-10.col-sm-8.col-md-9
span.map-p.negative-10
a(href='#' + challengeBlock.dashedName)= challengeBlock.name a(href='#' + challengeBlock.dashedName)= challengeBlock.name
if challengeBlock.markNew if challengeBlock.markNew
span.text-danger.small     span.text-danger.small    
@ -81,27 +87,35 @@ block content
em NEW em NEW
.row .row
.col-xs-12.col-sm-8.col-sm-offset-2.negative-28 .col-xs-12.col-sm-8.col-sm-offset-2
h3 800 Hours of   h3 800 Hours of  
a(href="/nonprofits/directory") Real World Work Experience a(href="/nonprofits/directory") Real World Work Experience
| : | :
ol - var i = 0
.row .row
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10 .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-1.col-sm-1.col-md-1.map-row-numbers
li.map-p.negative-10 100-hour Nonprofit Project span.map-p.negative-10 #{++i}.
.col-xs-10.col-sm-8.col-md-9
span.map-p.negative-10 100-hour Nonprofit Project
.row .row
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10 .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-1.col-sm-1.col-md-1.map-row-numbers
li.map-p.negative-10 200-hour Nonprofit Project #1 span.map-p.negative-10 #{++i}.
.col-xs-10.col-sm-8.col-md-9
span.map-p.negative-10 200-hour Nonprofit Project #1
.row .row
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10 .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-1.col-sm-1.col-md-1.map-row-numbers
li.map-p.negative-10 200-hour Nonprofit Project #2 span.map-p.negative-10 #{++i}.
.col-xs-10.col-sm-8.col-md-9
span.map-p.negative-10 200-hour Nonprofit Project #2
.row .row
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10 .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-1.col-sm-1.col-md-1.map-row-numbers
li.map-p.negative-10 300-hour Nonprofit Project span.map-p.negative-10 #{++i}.
.col-xs-10.col-sm-8.col-md-9
span.map-p.negative-10 300-hour Nonprofit Project
hr hr
for challengeBlock in blocks for challengeBlock in blocks
@ -118,14 +132,16 @@ block content
h3 #{challengeBlock.name}   h3 #{challengeBlock.name}  
.row - var i = 0
ol
for challenge in challengeBlock.challenges for challenge in challengeBlock.challenges
if challenge.completed - i++
.row .row
if challenge.completed
.hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.map-p.negative-10 .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-1.col-sm-1.col-md-1.map-row-numbers
li.faded.map-p.negative-10 span.map-p.negative-10 #{i}.
.col-xs-10.col-sm-8.col-md-9
span.faded.map-p.negative-10
a(href="/challenges/#{challenge.dashedName}") a(href="/challenges/#{challenge.dashedName}")
span.capitalize= challenge.type + ': ' span.capitalize= challenge.type + ': '
span= challenge.title span= challenge.title
@ -133,11 +149,12 @@ block content
else else
.row
.hidden-xs.col-sm-3.col-md-2 .hidden-xs.col-sm-3.col-md-2
span.negative-10 span.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-1.col-sm-1.col-md-1.map-row-numbers
li.map-p.negative-10 span.map-p.negative-10 #{i}.
.col-xs-10.col-sm-8.col-md-9
span.map-p.negative-10
a(href="/challenges/#{challenge.dashedName}") a(href="/challenges/#{challenge.dashedName}")
span.capitalize= challenge.type + ': ' span.capitalize= challenge.type + ': '
span= challenge.title span= challenge.title