fix formatting of modals and make them less likely to accidentally wrap the compliment text
This commit is contained in:
@ -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!",
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user