adding click to remove the pop up notifications for quiz completion

diff --git a/assets/css/glm-dev.css b/assets/css/glm-dev.css
index d45dd0d..971827e 100644 (file)
--- a/assets/css/glm-dev.css
+++ b/assets/css/glm-dev.css
@@ -1,3 +1,3 @@
-body .cmvl-navbar{max-width:600px;margin:20px auto}body .cmvl-search{max-width:550px;margin:0 auto}body.page-template-page-php #main-slider{display:none}body #page header#masthead .menu-lessons{display:none}body #page header#masthead .menu-login{display:none}@media (min-width: 1000px){body #page header#masthead .menu-login{display:block}}body #page header#masthead .menu-mobile-login{display:none}@media (max-width: 1000px){body #page header#masthead .menu-mobile-login{display:block}}body #page header#masthead .menu-logout{display:none}body #page #content .mid-content .interior-page-content{width:100%}body.logged-in #page header#masthead .menu-login{display:none}body.logged-in #page header#masthead .menu-mobile-login{display:none}body.logged-in #page header#masthead .menu-lessons{display:block}body.logged-in #page header#masthead .menu-logout{display:block}@media (min-width: 1000px){.interior-featured{position:relative;top:90px}}@media (min-width: 768px) and (max-width: 1000px){.interior-featured{position:relative;top:60px}}body .glm-badge-alert#quiz-badge{display:none;width:300px;position:absolute;top:25px;right:10px;z-index:99999}body .glm-badge-alert#quiz-badge:hover{cursor:pointer}body .glm-badge-alert#quiz-badge img{max-width:75px}body .glm-badge-alert#quiz-badge span{font-size:18px;position:absolute;top:50%;transform:translateY(-50%);color:white;left:90px}body .glm-badge-alert#quiz-badge img:hover{animation:shake 0.5s;animation-iteration-count:infinite}@keyframes shake{10%,90%{transform:translate3d(-2px, 0, 0)}20%,80%{transform:translate3d(3px, 0, 0)}30%,50%,70%{transform:translate3d(-5px, 0, 0)}40%,60%{transform:translate3d(5px, 0, 0)}}.shake{animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}
+body .cmvl-navbar{max-width:600px;margin:20px auto}body .cmvl-search{max-width:550px;margin:0 auto}body.page-template-page-php #main-slider{display:none}body #page header#masthead .menu-lessons{display:none}body #page header#masthead .menu-login{display:none}@media (min-width: 1000px){body #page header#masthead .menu-login{display:block}}body #page header#masthead .menu-mobile-login{display:none}@media (max-width: 1000px){body #page header#masthead .menu-mobile-login{display:block}}body #page header#masthead .menu-logout{display:none}body #page #content .mid-content .interior-page-content{width:100%}body.logged-in #page header#masthead .menu-login{display:none}body.logged-in #page header#masthead .menu-mobile-login{display:none}body.logged-in #page header#masthead .menu-lessons{display:block}body.logged-in #page header#masthead .menu-logout{display:block}@media (min-width: 1000px){.interior-featured{position:relative;top:90px}}@media (min-width: 768px) and (max-width: 1000px){.interior-featured{position:relative;top:60px}}body .glm-badge-alert#quiz-badge{display:none;width:300px;position:absolute;top:25px;right:10px;z-index:99999}body .glm-badge-alert#quiz-badge:hover{cursor:pointer}body .glm-badge-alert#quiz-badge img{max-width:75px}body .glm-badge-alert#quiz-badge span{font-size:18px;position:absolute;top:50%;transform:translateY(-50%);color:white;left:90px}@keyframes shake{10%,90%{transform:translate3d(-2px, 0, 0)}20%,80%{transform:translate3d(3px, 0, 0)}30%,50%,70%{transform:translate3d(-5px, 0, 0)}40%,60%{transform:translate3d(5px, 0, 0)}}.shake{animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}
 
 /*# sourceMappingURL=glm-dev.css.map */

diff --git a/assets/css/glm-dev.css.map b/assets/css/glm-dev.css.map
index 31ea4f0..c7605a2 100644 (file)
--- a/assets/css/glm-dev.css.map
+++ b/assets/css/glm-dev.css.map
@@ -1 +1 @@
-{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_video-lessons.scss","_body.scss","_badge.scss"],"sourcesContent":["@import 'video-lessons';\n@import 'body';\n@import 'badge';\n","body{\n    .cmvl-navbar{\n        max-width: 600px;\n        margin: 20px auto;\n    }\n    .cmvl-search{\n        max-width: 550px;\n        margin: 0 auto;\n    }\n}","body{\n    /* STANDARD STYLES */\n    &.page-template-page-php{\n        #main-slider{\n            display: none;\n        }\n    }\n    \n    #page{\n        header#masthead{\n            .menu-lessons{\n                display: none;\n            }\n            .menu-login{\n                display: none;\n            }\n            @media (min-width: 1000px){\n                .menu-login{\n                    display: block;\n                }\n            }\n            .menu-mobile-login{\n                display: none;\n            }\n            @media (max-width: 1000px){\n                .menu-mobile-login{\n                    display: block;\n                }\n            }\n            .menu-logout{\n                display: none;\n            }\n        }\n        #content{\n            .mid-content{\n                .interior-page-content{\n                    width: 100%;\n                }  \n            }\n        }\n    }\n    /* LOGGED IN SPECIFIC STYLES */\n    &.logged-in{\n        #page{\n            header#masthead{\n                .menu-login{\n                    display: none;\n                }\n                .menu-mobile-login{\n                    display: none;\n                }\n                .menu-lessons{\n                    display: block;\n                }\n                .menu-logout{\n                    display: block;\n                }\n                \n            }\n        }\n    }\n}\n.interior-featured{\n    @media (min-width: 1000px){\n        position: relative;\n        top: 90px;\n    }\n    @media (min-width: 768px) and (max-width: 1000px){\n        position: relative;\n        top: 60px;\n    }\n}","body{\r\n    .glm-badge-alert#quiz-badge{\r\n        &:hover{\r\n            cursor: pointer;\r\n        }\r\n        display: none;\r\n        width: 300px;\r\n        position: absolute;\r\n        top: 25px;\r\n        right: 10px;\r\n        z-index: 99999;\r\n        img{\r\n            max-width: 75px;\r\n        }\r\n        span{\r\n            font-size: 18px;\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color:white;\r\n            left: 90px;\r\n        }\r\n        img:hover {\r\n            /* Start the shake animation and make the animation last for 0.5 seconds */\r\n            animation: shake 0.5s; \r\n            /* When the animation is finished, start again */\r\n            animation-iteration-count: infinite; \r\n        }\r\n        \r\n        @keyframes shake {\r\n            10%, 90% {\r\n              transform: translate3d(-2px, 0, 0);\r\n            }\r\n          \r\n            20%, 80% {\r\n              transform: translate3d(3px, 0, 0);\r\n            }\r\n          \r\n            30%, 50%, 70% {\r\n              transform: translate3d(-5px, 0, 0);\r\n            }\r\n          \r\n            40%, 60% {\r\n              transform: translate3d(5px, 0, 0);\r\n            }\r\n          }\r\n    }\r\n}\r\n.shake{\r\n    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;\r\n}"],"mappings":"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","names":[]}
\ No newline at end of file
+{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_video-lessons.scss","_body.scss","_badge.scss"],"sourcesContent":["@import 'video-lessons';\n@import 'body';\n@import 'badge';\n","body{\n    .cmvl-navbar{\n        max-width: 600px;\n        margin: 20px auto;\n    }\n    .cmvl-search{\n        max-width: 550px;\n        margin: 0 auto;\n    }\n}","body{\n    /* STANDARD STYLES */\n    &.page-template-page-php{\n        #main-slider{\n            display: none;\n        }\n    }\n    \n    #page{\n        header#masthead{\n            .menu-lessons{\n                display: none;\n            }\n            .menu-login{\n                display: none;\n            }\n            @media (min-width: 1000px){\n                .menu-login{\n                    display: block;\n                }\n            }\n            .menu-mobile-login{\n                display: none;\n            }\n            @media (max-width: 1000px){\n                .menu-mobile-login{\n                    display: block;\n                }\n            }\n            .menu-logout{\n                display: none;\n            }\n        }\n        #content{\n            .mid-content{\n                .interior-page-content{\n                    width: 100%;\n                }  \n            }\n        }\n    }\n    /* LOGGED IN SPECIFIC STYLES */\n    &.logged-in{\n        #page{\n            header#masthead{\n                .menu-login{\n                    display: none;\n                }\n                .menu-mobile-login{\n                    display: none;\n                }\n                .menu-lessons{\n                    display: block;\n                }\n                .menu-logout{\n                    display: block;\n                }\n                \n            }\n        }\n    }\n}\n.interior-featured{\n    @media (min-width: 1000px){\n        position: relative;\n        top: 90px;\n    }\n    @media (min-width: 768px) and (max-width: 1000px){\n        position: relative;\n        top: 60px;\n    }\n}","body{\r\n    .glm-badge-alert#quiz-badge{\r\n        &:hover{\r\n            cursor: pointer;\r\n        }\r\n        display: none;\r\n        width: 300px;\r\n        position: absolute;\r\n        top: 25px;\r\n        right: 10px;\r\n        z-index: 99999;\r\n        img{\r\n            max-width: 75px;\r\n        }\r\n        span{\r\n            font-size: 18px;\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color:white;\r\n            left: 90px;\r\n        }\r\n\r\n        \r\n        @keyframes shake {\r\n            10%, 90% {\r\n              transform: translate3d(-2px, 0, 0);\r\n            }\r\n          \r\n            20%, 80% {\r\n              transform: translate3d(3px, 0, 0);\r\n            }\r\n          \r\n            30%, 50%, 70% {\r\n              transform: translate3d(-5px, 0, 0);\r\n            }\r\n          \r\n            40%, 60% {\r\n              transform: translate3d(5px, 0, 0);\r\n            }\r\n          }\r\n    }\r\n}\r\n.shake{\r\n    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;\r\n}"],"mappings":"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","names":[]}
\ No newline at end of file

diff --git a/assets/js/glm-dev.js b/assets/js/glm-dev.js
index 1da16fe..94eb4e8 100644 (file)
--- a/assets/js/glm-dev.js
+++ b/assets/js/glm-dev.js
@@ -1 +1 @@
-jQuery(function(n){});
\ No newline at end of file
+jQuery(function(n){n(".glm-badge-alert").on("click",function(){n(this).fadeOut("slow")})});
\ No newline at end of file

diff --git a/glm-dev/js/glm-dev.js b/glm-dev/js/glm-dev.js
index e8f2ae2..2372d07 100644 (file)
--- a/glm-dev/js/glm-dev.js
+++ b/glm-dev/js/glm-dev.js
@@ -1,4 +1,5 @@
-jQuery(function($){
-   
-    
+jQuery(function($){ 
+    $(".glm-badge-alert").on("click", function(){
+        $(this).fadeOut("slow");
+    });
 });
\ No newline at end of file

diff --git a/glm-dev/scss/_badge.scss b/glm-dev/scss/_badge.scss
index 03981ab..2a3a910 100644 (file)
--- a/glm-dev/scss/_badge.scss
+++ b/glm-dev/scss/_badge.scss
@@ -20,12 +20,7 @@ body{
             color:white;
             left: 90px;
         }
-        img:hover {
-            /* Start the shake animation and make the animation last for 0.5 seconds */
-            animation: shake 0.5s; 
-            /* When the animation is finished, start again */
-            animation-iteration-count: infinite; 
-        }
+
         
         @keyframes shake {
             10%, 90% {