From d0e3a076e5e794ea8b508f1d0af8fb70c21e9139 Mon Sep 17 00:00:00 2001 From: Marcus Quinn Date: Sun, 16 Mar 2025 01:46:22 +0000 Subject: [PATCH] Fix chevron icon rotation to stay pointing up when panel is open --- admin/settings.php | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/admin/settings.php b/admin/settings.php index aacbf95..49d8e5e 100644 --- a/admin/settings.php +++ b/admin/settings.php @@ -752,8 +752,7 @@ function wp_allstars_settings_page() { // Set initial state var isExpanded = $button.attr('aria-expanded') === 'true'; $panel.toggle(isExpanded); - $icon.toggleClass('dashicons-arrow-up-alt2', isExpanded) - .toggleClass('dashicons-arrow-down-alt2', !isExpanded); + updateIconState($icon, isExpanded); // Handle click events $button.off('click').on('click', function(e) { @@ -763,9 +762,8 @@ function wp_allstars_settings_page() { isExpanded = !isExpanded; $button.attr('aria-expanded', isExpanded); - // Update icon classes - $icon.removeClass('dashicons-arrow-up-alt2 dashicons-arrow-down-alt2') - .addClass(isExpanded ? 'dashicons-arrow-up-alt2' : 'dashicons-arrow-down-alt2'); + // Update icon state + updateIconState($icon, isExpanded); // Animate panel $panel.slideToggle(200); @@ -773,6 +771,12 @@ function wp_allstars_settings_page() { }); } + function updateIconState($icon, isExpanded) { + $icon.removeClass('dashicons-arrow-up-alt2 dashicons-arrow-down-alt2') + .addClass(isExpanded ? 'dashicons-arrow-up-alt2' : 'dashicons-arrow-down-alt2') + .css('transform', isExpanded ? 'rotate(180deg)' : 'rotate(0deg)'); + } + // Initialize on page load initAccordion(); }); @@ -843,10 +847,6 @@ function wp_allstars_settings_page() { line-height: 16px; } - .wp-allstars-expand-settings .dashicons-arrow-up-alt2 { - transform: rotate(180deg); - } - .wp-allstars-toggle-settings { border-top: 1px solid #ccd0d4; padding: 15px;