From 4d427f831831626986c778b04b1767b77d1fcb7a Mon Sep 17 00:00:00 2001 From: Quincy Larson Date: Wed, 9 Sep 2015 18:55:20 -0700 Subject: [PATCH] simplify modal animations and close #2792 --- server/views/coursewares/showBonfire.jade | 8 ++++---- server/views/coursewares/showHTML.jade | 6 +++--- server/views/coursewares/showJS.jade | 6 +++--- server/views/coursewares/showVideo.jade | 6 +++--- server/views/coursewares/showZiplineOrBasejump.jade | 10 +++++----- server/views/partials/challenge-modals.jade | 6 +++--- 6 files changed, 21 insertions(+), 21 deletions(-) diff --git a/server/views/coursewares/showBonfire.jade b/server/views/coursewares/showBonfire.jade index 4f8e996884..a068e99171 100644 --- a/server/views/coursewares/showBonfire.jade +++ b/server/views/coursewares/showBonfire.jade @@ -129,7 +129,7 @@ block content editor.setOption("mode", "javascript"); #complete-courseware-dialog.modal(tabindex='-1') - .modal-dialog.animated.zoomIn.fast-animation + .modal-dialog.animated.fadeIn.fast-animation .modal-content .modal-header.challenge-list-header= compliment a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') × @@ -141,14 +141,14 @@ block content .spacer .row if (user) - #submit-challenge.animated.fadeIn.btn.btn-lg.btn-primary.btn-block Submit and go to my next challenge + #submit-challenge.btn.btn-lg.btn-primary.btn-block Submit and go to my next challenge if (user.progressTimestamps.length > 2) - a.animated.fadeIn.btn.btn-lg.btn-block.btn-twitter(target="_blank", href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/challenges/#{dashedName}&hashtags=LearnToCode, JavaScript") + a.btn.btn-lg.btn-block.btn-twitter(target="_blank", href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/challenges/#{dashedName}&hashtags=LearnToCode, JavaScript") i.fa.fa-twitter   = phrase else - a.animated.fadeIn.btn.btn-lg.btn-primary.btn-block(href='/challenges/next-challenge?id=' + challengeId) Go to my next challenge + a.btn.btn-lg.btn-primary.btn-block(href='/challenges/next-challenge?id=' + challengeId) Go to my next challenge #reset-modal.modal(tabindex='-1') .modal-dialog.animated.fadeInUp.fast-animation .modal-content diff --git a/server/views/coursewares/showHTML.jade b/server/views/coursewares/showHTML.jade index 91496dfd20..38248519aa 100644 --- a/server/views/coursewares/showHTML.jade +++ b/server/views/coursewares/showHTML.jade @@ -80,7 +80,7 @@ block content iframe.iphone.iframe-scroll#preview .spacer #complete-courseware-dialog.modal(tabindex='-1') - .modal-dialog.animated.zoomIn.fast-animation + .modal-dialog.animated.fadeIn.fast-animation .modal-content .modal-header.challenge-list-header = compliment @@ -92,7 +92,7 @@ block content span.completion-icon.ion-checkmark-circled.text-primary .spacer if(user) - #submit-challenge.animated.fadeIn.btn.btn-lg.btn-primary.btn-block Submit and go to my next challenge + #submit-challenge.btn.btn-lg.btn-primary.btn-block Submit and go to my next challenge else - a.animated.fadeIn.btn.btn-lg.btn-primary.btn-block(href='/challenges/next-challenge?id=' + challengeId) Go to my next challenge + a.btn.btn-lg.btn-primary.btn-block(href='/challenges/next-challenge?id=' + challengeId) Go to my next challenge include ../partials/challenge-modals diff --git a/server/views/coursewares/showJS.jade b/server/views/coursewares/showJS.jade index 27f2652cf9..d8ae56585a 100644 --- a/server/views/coursewares/showJS.jade +++ b/server/views/coursewares/showJS.jade @@ -76,7 +76,7 @@ block content script. editor.setOption("mode", "javascript"); #complete-courseware-dialog.modal(tabindex='-1') - .modal-dialog.animated.zoomIn.fast-animation + .modal-dialog.animated.fadeIn.fast-animation .modal-content .modal-header.challenge-list-header= compliment a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') × @@ -88,9 +88,9 @@ block content .spacer .row if (user) - #submit-challenge.animated.fadeIn.btn.btn-lg.btn-primary.btn-block Submit and go to next challenge + #submit-challenge.btn.btn-lg.btn-primary.btn-block Submit and go to next challenge if (user.progressTimestamps.length > 2) - a.animated.fadeIn.btn.btn-lg.btn-block.btn-twitter(target="_blank", href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/challenges/#{dashedName}&hashtags=LearnToCode, JavaScript") + a.btn.btn-lg.btn-block.btn-twitter(target="_blank", href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/challenges/#{dashedName}&hashtags=LearnToCode, JavaScript") i.fa.fa-twitter   = phrase else diff --git a/server/views/coursewares/showVideo.jade b/server/views/coursewares/showVideo.jade index 8b4393f453..a26c158109 100644 --- a/server/views/coursewares/showVideo.jade +++ b/server/views/coursewares/showVideo.jade @@ -57,7 +57,7 @@ block content }; #complete-courseware-editorless-dialog.modal(tabindex='-1') - .modal-dialog.animated.zoomIn.fast-animation + .modal-dialog.animated.fadeIn.fast-animation .modal-content .modal-header.challenge-list-header= compliment a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') × @@ -66,13 +66,13 @@ block content .animated.zoomInDown.delay-half span.completion-icon.ion-checkmark-circled.text-primary if (user) - a.animated.fadeIn.btn.btn-lg.btn-primary.btn-block#next-courseware-button(name='_csrf', value=_csrf) Go to my next challenge + a.btn.btn-lg.btn-primary.btn-block#next-courseware-button(name='_csrf', value=_csrf) Go to my next challenge script. $('#complete-courseware-editorless-dialog').bind('keypress', modalControlEnterHandler); if (user.progressTimestamps.length > 2) .button-spacer - a.animated.fadeIn.btn.btn-lg.btn-block.btn-twitter(href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/challenges/#{dashedName}&hashtags=LearnToCode, JavaScript" target="_blank") + a.btn.btn-lg.btn-block.btn-twitter(href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/challenges/#{dashedName}&hashtags=LearnToCode, JavaScript" target="_blank") i.fa.fa-twitter   = phrase else diff --git a/server/views/coursewares/showZiplineOrBasejump.jade b/server/views/coursewares/showZiplineOrBasejump.jade index e1e1e37a8f..056ba51f6b 100644 --- a/server/views/coursewares/showZiplineOrBasejump.jade +++ b/server/views/coursewares/showZiplineOrBasejump.jade @@ -33,7 +33,7 @@ block content script. var userLoggedIn = true; else - a.animated.fadeIn.btn.btn-big.btn-primary.btn-block(href='/challenges/next-challenge?id=' + challengeId) Go to my next challenge (ctrl + enter) + a.btn.btn-big.btn-primary.btn-block(href='/challenges/next-challenge?id=' + challengeId) Go to my next challenge (ctrl + enter) a.btn.btn-big.signup-btn.btn-block(href='/login') Sign in so you can save your progress script. var userLoggedIn = false; @@ -62,7 +62,7 @@ block content }; #complete-zipline-or-basejump-dialog.modal(tabindex='-1') - .modal-dialog.animated.zoomIn.fast-animation + .modal-dialog.animated.fadeIn.fast-animation .modal-content .modal-header.challenge-list-header= compliment a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') × @@ -73,7 +73,7 @@ block content if (user) form.form-horizontal(novalidate='novalidate', name='completedWithForm') .form-group.text-center - .col-xs-10.col-xs-offset-1.col-sm-8.col-sm-offset-2.col-md-8.col-md-offset-2.animated.fadeIn + .col-xs-10.col-xs-offset-1.col-sm-8.col-sm-offset-2.col-md-8.col-md-offset-2 // extra field to distract password tools like lastpass from injecting css into our username field input.form-control(ng-show="false") if (challengeType === "3") @@ -89,12 +89,12 @@ block content | Username not found if (user) - a.animated.fadeIn.btn.btn-lg.btn-primary.btn-block#next-courseware-button(name='_csrf', value=_csrf, ng-disabled='completedWithForm.$invalid') Go to my next challenge + a.btn.btn-lg.btn-primary.btn-block#next-courseware-button(name='_csrf', value=_csrf, ng-disabled='completedWithForm.$invalid') Go to my next challenge .button-spacer script. $('#complete-zipline-or-basejump-dialog').on('keypress', modalControlEnterHandler); else - a.animated.fadeIn.btn.btn-lg.btn-primary.btn-block(href='/challenges/next-challenge?id=' + challengeId) Go to my next challenge + a.btn.btn-lg.btn-primary.btn-block(href='/challenges/next-challenge?id=' + challengeId) Go to my next challenge script. $('body').on('keypress', controlEnterHandler); include ../partials/challenge-modals diff --git a/server/views/partials/challenge-modals.jade b/server/views/partials/challenge-modals.jade index b5e223cb5e..4503e2ac17 100644 --- a/server/views/partials/challenge-modals.jade +++ b/server/views/partials/challenge-modals.jade @@ -1,5 +1,5 @@ #pair-modal.modal(tabindex='-1') - .modal-dialog.animated.zoomIn.fast-animation + .modal-dialog.animated.fadeIn.fast-animation .modal-content .modal-header.challenge-list-header Ready to pair program? a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') × @@ -13,7 +13,7 @@ a.btn.btn-lg.btn-info.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Cancel #issue-modal.modal(tabindex='-1') - .modal-dialog.animated.zoomIn.fast-animation + .modal-dialog.animated.fadeIn.fast-animation .modal-content .modal-header.challenge-list-header Did you find a bug? a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') × @@ -25,7 +25,7 @@ a.btn.btn-lg.btn-info.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Cancel #help-modal.modal(tabindex='-1') - .modal-dialog.animated.zoomIn.fast-animation + .modal-dialog.animated.fadeIn.fast-animation .modal-content .modal-header.challenge-list-header Need some help? a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×