diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css index 5711b4b..9f0e7c3 100644 --- a/user/themes/epau-antimatter/css-compiled/template.css +++ b/user/themes/epau-antimatter/css-compiled/template.css @@ -904,10 +904,10 @@ ul.pagination { margin-left: 0%; width: 100%; } } -.after-h1 .souligne.toright { +.after-h1 .in-view-right { animation: animate 1.2s 1 normal ease-in-out forwards; } -.after-h1 .souligne.toleft { +.after-h1 .in-view { animation: glissement 1.2s 1 normal ease-in-out forwards; } .programmes { diff --git a/user/themes/epau-antimatter/js/antimatter.js b/user/themes/epau-antimatter/js/antimatter.js index d76cc9b..65e589e 100644 --- a/user/themes/epau-antimatter/js/antimatter.js +++ b/user/themes/epau-antimatter/js/antimatter.js @@ -127,11 +127,18 @@ jQuery(document).ready(function($){ return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); } $(window).scroll(function () { - $('.souligne').each(function () { + $('.souligne.toleft').each(function () { if (isScrolledIntoView(this) === true) { $(this).addClass('in-view') } else { $(this).removeClass('in-view') } }); + $('.souligne.toright').each(function () { + if (isScrolledIntoView(this) === true) { + $(this).addClass('in-view-right') + } else { + $(this).removeClass('in-view-right') + } + }); }); diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss index 1b97af1..c8a1d4a 100644 --- a/user/themes/epau-antimatter/scss/template/_custom.scss +++ b/user/themes/epau-antimatter/scss/template/_custom.scss @@ -162,12 +162,12 @@ } } .after-h1 { - .souligne.toright { + .in-view-right { // opacity: 0; // transition: opacity 1s ease-in-out; animation: animate 1.2s 1 normal ease-in-out forwards; } - .souligne.toleft { + .in-view { animation: glissement 1.2s 1 normal ease-in-out forwards; } }