fix formatting of modals and make them less likely to accidentally wrap the compliment text

This commit is contained in:
Michael Q Larson
2015-02-04 19:00:40 -08:00
parent 7344a74c01
commit 98286e19d1
3 changed files with 9 additions and 10 deletions

View File

@ -162,6 +162,7 @@
"compliments": [ "compliments": [
"Over the top!", "Over the top!",
"Down the rabbit hole we go!", "Down the rabbit hole we go!",
"Well, isn't that special!",
"Somewhere over the rainbow!", "Somewhere over the rainbow!",
"Eye of the tiger!", "Eye of the tiger!",
"Run, Forest, run!", "Run, Forest, run!",

View File

@ -524,7 +524,7 @@ thead {
.challenge-list-header { .challenge-list-header {
background-color: #215f1e; background-color: #215f1e;
color: #eee; color: #eee;
font-size: 40px; font-size: 36px;
text-align: center; text-align: center;
margin-bottom: -30px; margin-bottom: -30px;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
@ -533,7 +533,7 @@ thead {
.closing-x { .closing-x {
color: #eee; color: #eee;
font-size: 60px; font-size: 50px;
text-align: right; text-align: right;
} }

View File

@ -59,7 +59,6 @@ block content
.form-group.codeMirrorView .form-group.codeMirrorView
textarea#codeEditor(autofocus=true) textarea#codeEditor(autofocus=true)
script(src='/js/lib/coursewares/coursewaresFramework.js') script(src='/js/lib/coursewares/coursewaresFramework.js')
#complete-bonfire-dialog.modal(tabindex='-1')
.col-md-4.col-lg-3 .col-md-4.col-lg-3
.hidden-xs.hidden-sm .hidden-xs.hidden-sm
img.iphone-position(src="https://s3.amazonaws.com/freecodecamp/iphone6-frame.png") img.iphone-position(src="https://s3.amazonaws.com/freecodecamp/iphone6-frame.png")
@ -69,20 +68,19 @@ block content
#complete-courseware-dialog.modal(tabindex='-1') #complete-courseware-dialog.modal(tabindex='-1')
.modal-dialog.animated.zoomIn.fast-animation .modal-dialog.animated.zoomIn.fast-animation
.modal-content .modal-content
.modal-header.challenge-list-header= compliment .modal-header.challenge-list-header
= compliment
a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') × a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
.model-body .modal-body
.text-center .text-center
.animated.zoomInDown.delay-half .animated.zoomInDown.delay-half
span.completion-icon.ion-checkmark-circled.text-primary span.completion-icon.ion-checkmark-circled.text-primary
- if (cc) - if (cc)
a.animated.fadeIn.btn.btn-lg.btn-primary.btn-block.next-courseware-button(name='_csrf', value=_csrf, aria-hidden='true') Take me to my next challenge a.animated.fadeIn.btn.btn-lg.btn-primary.btn-block.next-courseware-button(name='_csrf', value=_csrf, aria-hidden='true') Take me to my next challenge
- if (points && points > 2) - if (points && points > 2)
a.animated.fadeIn.btn.btn-lg.btn-block.btn-twitter(href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20Bonfire:%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/bonfires/#{dashedName}&hashtags=LearnToCode, JavaScript" target="_blank") a.animated.fadeIn.btn.btn-lg.btn-block.btn-twitter(href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20Challenge%20%23#{number}:%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/challenges/#{number}&hashtags=LearnToCode, JavaScript" target="_blank")
i.fa.fa-twitter   i.fa.fa-twitter  
= phrase = phrase
- else - else
a.animated.fadeIn.btn.btn-lg.signup-btn.btn-block(href='/login') Sign in so you can save your progress a.animated.fadeIn.btn.btn-lg.signup-btn.btn-block(href='/login') Sign in so you can save your progress