Ben Reed
cdc5ea85f4
Add massive collection of CSS, JavaScript and theme assets that were previously excluded: **CSS Files (681 total):** - HVAC plugin-specific styles (hvac-*.css): 34 files including dashboard, certificates, registration, mobile nav, accessibility fixes, animations, and welcome popup - Theme framework files (Astra, builder systems, layouts): 200+ files - Plugin compatibility styles (WooCommerce, WPForms, Elementor, Contact Form 7): 150+ files - WordPress core and editor styles: 50+ files - Responsive and RTL language support: 200+ files **JavaScript Files (400+ total):** - HVAC plugin functionality (hvac-*.js): 27 files including menu systems, dashboard enhancements, profile sharing, mobile responsive features, accessibility, and animations - Framework and library files: jQuery plugins, GSAP, AOS, Swiper, Chart.js, Lottie, Isotope - Plugin compatibility scripts: WPForms, WooCommerce, Elementor, Contact Form 7, LifterLMS - WordPress core functionality: customizer, admin, block editor compatibility - Third-party integrations: Stripe, SMTP, analytics, search functionality **Assets:** - Certificate background images and logos - Comprehensive theme styling infrastructure - Mobile-responsive design systems - Cross-browser compatibility assets - Performance-optimized minified versions **Updated .gitignore:** - Fixed asset directory whitelisting patterns to properly include CSS/JS/images - Added proper directory structure recognition (!/assets/css/, !/assets/js/, etc.) - Maintains security by excluding sensitive files while including essential assets This commit provides the complete frontend infrastructure needed for: - Full theme functionality and styling - Plugin feature implementations - Mobile responsiveness and accessibility - Cross-browser compatibility - Performance optimization - Developer workflow support
76 lines
No EOL
3.1 KiB
JavaScript
76 lines
No EOL
3.1 KiB
JavaScript
/**
|
|
* File sticky-sidebar.js.
|
|
*
|
|
* Feature: Sticky Sidebar
|
|
* Description: Calculates offset for sticky sidebar positioning.
|
|
* @package Astra
|
|
* @since x.x.x
|
|
*/
|
|
(function () {
|
|
'use strict';
|
|
window.astraStickySidebar = {
|
|
|
|
/**
|
|
* Check whether the header type is sticky and active or not.
|
|
*/
|
|
isStickyHeaderActive: function( header, headerStick ) {
|
|
return ( headerStick && "0" !== headerStick && null !== header );
|
|
},
|
|
|
|
/**
|
|
* Get the top offset from header for sticky sidebar start position.
|
|
*/
|
|
getOffset: function () {
|
|
let offset = 0;
|
|
const abvHeader = document.querySelector('.ast-above-header-bar');
|
|
const primaryHeader = document.querySelector('.ast-primary-header-bar');
|
|
const blwHeader = document.querySelector('.ast-below-header-bar');
|
|
const desktopBreakpoint = astra_sticky_sidebar.desktop_breakpoint ? parseInt( astra_sticky_sidebar.desktop_breakpoint ) : 922;
|
|
if ( window.innerWidth >= desktopBreakpoint && ( abvHeader || primaryHeader || blwHeader ) ) {
|
|
if ( document.body.classList.contains( 'admin-bar' ) ) {
|
|
offset += 32;
|
|
}
|
|
if ( astra_sticky_sidebar.sticky_header_addon ) {
|
|
if ( window.astraStickySidebar.isStickyHeaderActive( abvHeader, astra_sticky_sidebar.header_above_stick ) ) {
|
|
offset += Math.floor( parseInt( astra_sticky_sidebar.header_above_height.desktop ) );
|
|
}
|
|
if ( window.astraStickySidebar.isStickyHeaderActive( primaryHeader, astra_sticky_sidebar.header_main_stick ) ) {
|
|
offset += Math.floor( parseInt( astra_sticky_sidebar.header_height.desktop ) );
|
|
}
|
|
if ( window.astraStickySidebar.isStickyHeaderActive( blwHeader, astra_sticky_sidebar.header_below_stick ) ) {
|
|
offset += Math.floor( parseInt( astra_sticky_sidebar.header_below_height.desktop ) );
|
|
}
|
|
}
|
|
return offset;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Initiate the sticky sidebar.
|
|
*/
|
|
activateStickySidebar: function() {
|
|
if ( ! document.body.classList.contains( 'ast-sticky-sidebar' ) ) {
|
|
return;
|
|
}
|
|
const sidebar = document.querySelector( '#secondary .sidebar-main' );
|
|
if ( sidebar && astra_sticky_sidebar.sticky_sidebar_on ) {
|
|
const offset = window.astraStickySidebar.getOffset();
|
|
sidebar.style.top = Math.floor( offset + 50 ) + 'px';
|
|
sidebar.style.maxHeight = 'calc( 100vh - ' + Math.floor( offset + 50 ) + 'px )';
|
|
}
|
|
},
|
|
|
|
init: function () {
|
|
// Kick off the sticky sidebar activation.
|
|
window.astraStickySidebar.activateStickySidebar();
|
|
}
|
|
}
|
|
|
|
if ( 'loading' === document.readyState ) {
|
|
// The DOM has not yet been loaded.
|
|
document.addEventListener( 'DOMContentLoaded', window.astraStickySidebar.init );
|
|
} else {
|
|
// The DOM has already been loaded.
|
|
window.astraStickySidebar.init();
|
|
}
|
|
})(); |