This is an automated email from the ASF dual-hosted git repository. grobmeier pushed a commit to branch ms12_conversion_of_md_files in repository https://gitbox.apache.org/repos/asf/logging-log4j2.git
commit 6dfcafc26657ac9673e2b119850b5f9e1cc13304 Author: Christian Grobmeier <[email protected]> AuthorDate: Tue Mar 5 15:01:45 2024 +0100 removed gsap and improved effects by custom code --- src/asciidoc/templates/document.html.erb | 42 ++++++++++------------- src/site/resources/css/logging-custom.css | 13 +++++-- src/site/resources/js/ScrollTrigger-3.12.5.min.js | 11 ------ src/site/resources/js/gsap-3.12.5.min.js | 11 ------ 4 files changed, 29 insertions(+), 48 deletions(-) diff --git a/src/asciidoc/templates/document.html.erb b/src/asciidoc/templates/document.html.erb index 8e066ea184..8268f8acd7 100644 --- a/src/asciidoc/templates/document.html.erb +++ b/src/asciidoc/templates/document.html.erb @@ -191,24 +191,24 @@ </div><% end %> -<script src="/js/gsap-3.12.5.min.js"></script> -<script src="/js/ScrollTrigger-3.12.5.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { - let tween = gsap.to(".table-of-content", { - delay:0.1, - duration: 0.5, - backgroundColor: '#ededed', - ease: "power3.out" - }); + const header = document.querySelector('#header'); + const toc = document.querySelector('.table-of-content'); - ScrollTrigger.create({ - trigger: '.table-of-content', - start: 'top top', - pin: '.table-of-content', - animation: tween, - toggleActions: 'play none none reverse' - }); + window.addEventListener('scroll', function() { + const headerRect = header.getBoundingClientRect(); + const rect = toc.getBoundingClientRect(); + + if (headerRect.bottom >= 0) { + toc.classList.remove('sticky-effect'); + toc.classList.remove('sticky'); + } else if (rect.top <= 0) { + toc.classList.add('sticky'); + toc.classList.add('sticky-effect'); + } + + }); }); </script> <script> @@ -220,21 +220,15 @@ var duration = 0.7; menuIcon.addEventListener('click', function () { if (menu.classList.contains('menu-open')) { - gsap.to(menu, {duration: duration, ease: "power3.out", right: "-100%", onComplete: function() { - menu.classList.remove('menu-open'); - }}); + menu.classList.remove('menu-open'); } else { - gsap.to(menu, {duration: duration, ease: "power3.out", right: "0%", onStart: function() { - menu.classList.add('menu-open'); - }}); + menu.classList.add('menu-open'); } }); menuIconClose.addEventListener('click', function () { if (menu.classList.contains('menu-open')) { - gsap.to(menu, {duration: duration, ease: "power3.out", right: "-100%", onComplete: function() { - menu.classList.remove('menu-open'); - }}); + menu.classList.remove('menu-open'); } }); }); diff --git a/src/site/resources/css/logging-custom.css b/src/site/resources/css/logging-custom.css index 709d0019d6..31217ed883 100644 --- a/src/site/resources/css/logging-custom.css +++ b/src/site/resources/css/logging-custom.css @@ -157,8 +157,17 @@ padding: 2em; height: 100vh; max-height: 100vh; - overflow: scroll; - background-color: #fff; + overflow: auto; +} + +.table-of-content.sticky { + position: sticky; + top: 0; +} + +.table-of-content.sticky-effect { + background-color: #ededed; + transition: background-color 1s linear; } /** Small screens < 1400px */ diff --git a/src/site/resources/js/ScrollTrigger-3.12.5.min.js b/src/site/resources/js/ScrollTrigger-3.12.5.min.js deleted file mode 100644 index cceb2b91a8..0000000000 --- a/src/site/resources/js/ScrollTrigger-3.12.5.min.js +++ /dev/null @@ -1,11 +0,0 @@ -/*! - * ScrollTrigger 3.12.5 - * https://gsap.com - * - * @license Copyright 2024, GreenSock. All rights reserved. - * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - * @author: Jack Doyle, [email protected] - */ - -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).window=e.window||{})}(this,function(e){"use strict";function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function r(){return Ce||"undefined"!=typeof window&&(Ce=window.gsap)&&Ce.registerPlugin&&Ce}function z(e, [...] - diff --git a/src/site/resources/js/gsap-3.12.5.min.js b/src/site/resources/js/gsap-3.12.5.min.js deleted file mode 100644 index 14dd0a4853..0000000000 --- a/src/site/resources/js/gsap-3.12.5.min.js +++ /dev/null @@ -1,11 +0,0 @@ -/*! - * GSAP 3.12.5 - * https://gsap.com - * - * @license Copyright 2024, GreenSock. All rights reserved. - * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - * @author: Jack Doyle, [email protected] - */ - -!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prototype=Object.create(e.prototype),(t.prototype.constructor=t).__proto__=e}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function r(t){return"string"==typeo [...] -
