fix style issues throughout app

This commit is contained in:
Quincy Larson
2016-01-15 04:03:31 -08:00
committed by Berkeley Martinez
parent c0a87a8fcf
commit 564d8c620f
7 changed files with 41 additions and 40 deletions

View File

@ -219,6 +219,10 @@ ul {
font-size: 24px; font-size: 24px;
} }
.small-p {
font-size: 14px;
}
.map-p { .map-p {
font-size: 20px; font-size: 20px;
} }

View File

@ -61,18 +61,17 @@ block content
a(href='#{pledge.donateUrl}?ref=freecodecamp.com' target='_blank') #{pledge.displayName} a(href='#{pledge.donateUrl}?ref=freecodecamp.com' target='_blank') #{pledge.displayName}
| each month until they have completed their #{pledge.goal}. | each month until they have completed their #{pledge.goal}.
.spacer .spacer
if isFrontEndCert .row
a.btn.btn-primary(href='/' + username + '/front-end-certification') View My Front End Development Certification .col-xs-12.col-sm-10.col-sm-offset-1.col-md-8.col-md-offset-2
if isDataVisCert if isFrontEndCert
.button-spacer a.btn.btn-primary.btn-block(href='/' + username + '/front-end-certification') View My Front End Development Certification
a.btn.btn-success(href='/' + username + '/data-visualization-certification') View My Data Visualization Certification if isDataVisCert
if isBackEndCert .button-spacer
.button-spacer a.btn.btn-primary.btn-block(href='/' + username + '/data-visualization-certification') View My Data Visualization Certification
a.btn.btn-success(href='/' + username + '/back-end-certification') View My Back End Development Certification if isBackEndCert
//if (user && user.username !== username) .button-spacer
// a.btn.btn-lg.btn-block.btn-twitter.btn-link-social(href='/leaderboard/add?username=#{username}') a.btn.btn-primary.btn-block(href='/' + username + '/back-end-certification') View My Back End Development Certification
// i.fa.fa-plus-square
// | Add them to my personal leaderboard
.spacer .spacer
.col-md-12 .col-md-12
#cal-heatmap.hidden-xs.hidden-sm.d3-centered #cal-heatmap.hidden-xs.hidden-sm.d3-centered

View File

@ -9,7 +9,7 @@ block content
.scroll-locker(id = "scroll-locker") .scroll-locker(id = "scroll-locker")
.innerMarginFix(style=' width: 99%') .innerMarginFix(style=' width: 99%')
#testCreatePanel #testCreatePanel
h3.text-center.negative-10= name h4.text-center= name
if (isCompleted) if (isCompleted)
|   |  
i.ion-checkmark-circled.text-primary(title="Completed") i.ion-checkmark-circled.text-primary(title="Completed")
@ -21,24 +21,23 @@ block content
if (/blockquote|h4|table/.test(sentence)) if (/blockquote|h4|table/.test(sentence))
!=sentence !=sentence
else else
p.wrappable.negative-10!= sentence p.wrappable!= sentence
if (MDNlinks.length) if (MDNlinks.length)
#MDN-links #MDN-links
p.negative-10 Here are some helpful links: p Here are some helpful links:
for link, index in MDNlinks for link, index in MDNlinks
.negative-10 ul: li: a(href=""+link, target="_blank") !{MDNkeys[index]}
ul: li: a(href=""+link, target="_blank") !{MDNkeys[index]}
.button-spacer .button-spacer
if (user) if (user)
label.negative-10.btn.btn-primary.btn-block.btn-lg#submitButton label.btn.btn-primary.btn-block.btn-lg#submitButton
| Run tests (ctrl + enter) | Run tests (ctrl + enter)
.button-spacer .button-spacer
.btn-group.input-group.btn-group-justified .btn-group.input-group.btn-group-justified
label.btn.btn-primary.btn-primary-ghost#trigger-reset-modal label.btn.btn-primary.btn-primary-ghost.btn-lg#trigger-reset-modal
|   Reset |   Reset
label.btn.btn-primary.btn-primary-ghost#challenge-help-btn label.btn.btn-primary.btn-primary-ghost.btn-lg#challenge-help-btn
|   Help |   Help
label.btn.btn-primary.btn-primary-ghost#trigger-issue-modal label.btn.btn-primary.btn-primary-ghost.btn-lg#trigger-issue-modal
|   Bug |   Bug
if (!user) if (!user)
.button-spacer .button-spacer
@ -50,7 +49,7 @@ block content
.form-group.codeMirrorView .form-group.codeMirrorView
textarea#codeOutput(style='display: none;') textarea#codeOutput(style='display: none;')
br br
#testSuite.negative-10 #testSuite
br br
.col-md-8.col-lg-9 .col-md-8.col-lg-9

View File

@ -9,7 +9,7 @@ block content
.scroll-locker(id = "scroll-locker") .scroll-locker(id = "scroll-locker")
.innerMarginFix(style = "width: 99%;") .innerMarginFix(style = "width: 99%;")
#testCreatePanel #testCreatePanel
h3.text-center= name h4.text-center= name
if (isCompleted) if (isCompleted)
|   |  
i.ion-checkmark-circled.text-primary(title="Completed") i.ion-checkmark-circled.text-primary(title="Completed")

View File

@ -2,16 +2,15 @@ extends ../layout-wide
block content block content
.row .row
.col-xs-12.col-sm-12.col-md-4.bonfire-top .col-xs-12.col-sm-12.col-md-4.bonfire-top
h1.text-center= name h4.text-center= name
.well hr
h4 ol
ol for step, index in description
for step, index in description .row.checklist-element(id="#{dashedName + index}")
.row.checklist-element(id="#{dashedName + index}") .col-xs-3.col-sm-1.col-md-2.padded-ionic-icon.text-center
.col-xs-3.col-sm-1.col-md-2.padded-ionic-icon.text-center input(type='checkbox' class='challenge-list-checkbox')
input(type='checkbox' class='challenge-list-checkbox') .col-xs-9.col-sm-11.col-md-10
.col-xs-9.col-sm-11.col-md-10 li.step-text.wrappable!= step
li.step-text.wrappable!= step
.col-xs-12.col-sm-12.col-md-8 .col-xs-12.col-sm-12.col-md-8
.embed-responsive.embed-responsive-16by9 .embed-responsive.embed-responsive-16by9
iframe.embed-responsive-item(src='//player.vimeo.com/video/#{video}') iframe.embed-responsive-item(src='//player.vimeo.com/video/#{video}')
@ -24,8 +23,8 @@ block content
var userLoggedIn = true; var userLoggedIn = true;
.button-spacer .button-spacer
.btn-group.input-group.btn-group-justified .btn-group.input-group.btn-group-justified
.btn.btn-success.btn-big#challenge-help-btn Get help .btn.btn-primary.btn-big#challenge-help-btn Get help
.btn.btn-success.btn-big#trigger-issue-modal Report a bug .btn.btn-primary.btn-big#trigger-issue-modal Report a bug
if (!user) if (!user)
.button-spacer .button-spacer
a.btn.btn-big.signup-btn.btn-block(href='/login') Sign in so you can save your progress a.btn.btn-big.signup-btn.btn-block(href='/login') Sign in so you can save your progress

View File

@ -5,10 +5,10 @@
a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') × a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
.modal-body.text-center .modal-body.text-center
h3 Before you submit a new issue, read "Help I've Found a Bug" and browse other issues with this challenge. h3 Before you submit a new issue, read "Help I've Found a Bug" and browse other issues with this challenge.
a.btn.btn-lg.btn-success.btn-block#help-ive-found-a-bug-wiki-article(name='_csrf', value=_csrf) Read "Help I've Found a Bug" a.btn.btn-lg.btn-primary.btn-block#help-ive-found-a-bug-wiki-article(name='_csrf', value=_csrf) Read "Help I've Found a Bug"
a.btn.btn-lg.btn-success.btn-block#search-issue(name='_csrf', value=_csrf) Browse other issues with this challenge a.btn.btn-lg.btn-primary.btn-block#search-issue(name='_csrf', value=_csrf) Browse other issues with this challenge
a.btn.btn-lg.btn-primary.btn-block#report-issue(name='_csrf', value=_csrf) Create my GitHub issue a.btn.btn-lg.btn-primary.btn-block#report-issue(name='_csrf', value=_csrf) Create my GitHub issue
a.btn.btn-lg.btn-info.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Cancel a.btn.btn-lg.btn-primary.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Cancel
#reset-modal.modal(tabindex='-1') #reset-modal.modal(tabindex='-1')
.modal-dialog.animated.fadeInUp.fast-animation .modal-dialog.animated.fadeInUp.fast-animation
@ -17,5 +17,5 @@
a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') × a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
.modal-body .modal-body
h3 This will restore your code editor to its original state. h3 This will restore your code editor to its original state.
a.btn.btn-lg.btn-info.btn-block#reset-button(href='#', data-dismiss='modal', aria-hidden='true') Clear my code a.btn.btn-lg.btn-warning.btn-block#reset-button(href='#', data-dismiss='modal', aria-hidden='true') Clear my code
a.btn.btn-lg.btn-primary.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Cancel a.btn.btn-lg.btn-primary.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Cancel

View File

@ -13,7 +13,7 @@ block content
h3.text-center= story.camper h3.text-center= story.camper
|   |  
a.fa.fa-linkedin-square.text-primary(alt="#{story.camper}'s LinkedIn Profile", href=story.linkedin, target='_blank') a.fa.fa-linkedin-square.text-primary(alt="#{story.camper}'s LinkedIn Profile", href=story.linkedin, target='_blank')
p.text-justify= story.quote p.small-p.text-justify= story.quote
.col-xs-12.col-sm-10.col-sm-offset-1 .col-xs-12.col-sm-10.col-sm-offset-1
if moreStories if moreStories
.text-center .text-center