Merge branch 'release/2.32.1'

Author: Misplon

changelog.txt

@@ -1,5 +1,13 @@
 == Changelog ==
 
+= 2.32.1 – 29 June 2025 =
+* Mode Switcher: Restored mobile CSS hide functionality for improved responsive behavior.
+* Mode Switcher: Removed legacy CSS and moved .so-mode to .so-toolbar for cleaner structure.
+* Widget Dialog: Removed focus delay and improved default field handling for better user experience.
+* Fixed button secondary color scheme inheritance for consistent styling.
+* Fixed widget editable title class for proper functionality.
+* Resolved LESS linting issues for improved code quality.
+
 = 2.32.0 – 13 June 2025 =
 * Background Image: Added Alt Text setting for improved accessibility.
 * Layout Block: Added additional PanelsData check and prevented potential JavaScript null quirk.

css/admin.less

@@ -445,7 +445,7 @@
 							}
 
 							&:focus .title .actions a,
-							&:focus-within .title .actions a, {
+							&:focus-within .title .actions a {
 								display: inline-block;
 							}
 
@@ -746,8 +746,6 @@
 	opacity: 0.9;
 	pointer-events: none;
 	border: 1px solid rgba( 0,0,0,0.35 ) !important;
-
-	.siteorigin-panels-builder.so-rows-container.so-row-container.so-cells.cell.widgets-container.so-widget;
 }
 
 // CSS for Layout Builder, Layout Form Field, and other instances of PB inside of widgets.
@@ -1233,6 +1231,10 @@
 		border-top: 1px solid @border_color;
 		z-index: 100002; // 1 more than the rest to ensure dropdowns etc appear above the other content.
 
+		.so-mode {
+			display: none;
+		}
+
 		.so-status {
 			float: left;
 			padding-top: 6px;
@@ -1290,13 +1292,6 @@
 
 			}
 
-			@media (max-width: 980px) {
-
-				.so-mode.button-secondary.so-mode {
-					display: none;
-				}
-			}
-
 			@media (min-width: 980px) {
 
 				.save-buttons {
@@ -1307,6 +1302,18 @@
 					.button-primary.so-saveinline {
 						border-bottom-right-radius: 0;
 						border-top-right-radius: 0;
+						margin-right: -1px;
+					}
+					
+					.so-button-mode {
+						border-bottom-left-radius: 0;
+						border-top-left-radius: 0;
+						border-left: 1px solid rgba(0, 0, 0, 0.1);
+						
+						// Prevent JavaScript from hiding this button when switching modes.
+						&.so-mode {
+							display: flex !important;
+						}
 					}
 
 					.so-mode {

js/siteorigin-panels/dialog/widget.js

@@ -98,15 +98,13 @@ module.exports = panels.view.dialog.extend( {
 			}.bind( this ) );
 
 		this.on( 'open_dialog_complete', function() {
-			// The form isn't always ready when this event fires.
-			setTimeout( function() {
-				var focusTarget = $( '.so-content .siteorigin-widget-field-repeater-item-top, .so-content input, .so-content select' ).first();
-				if ( focusTarget.length ) {
-					focusTarget.trigger( 'focus' );
-				} else {
-					$( '.so-panels-dialog-wrapper .so-title' ).trigger( 'focus' );
-				}
-			}, 1250 )
+			// If the title isn't visible, focus the first input.
+			const focusTarget = this.$( '.so-title-editable' );
+			if ( focusTarget.length ) {
+				focusTarget.trigger( 'focus' );
+			} else {
+				this.$( '.so-content .siteorigin-widget-field-repeater-item-top, .so-content input, .so-content select' ).first().trigger( 'focus' );
+			}
 		} );
 	},
 

readme.txt

@@ -121,6 +121,14 @@ SiteOrigin offers a single premium plugin that enhances and extends Page Builder
 
 == Changelog ==
 
+= 2.32.1 – 29 June 2025 =
+* Mode Switcher: Restored mobile CSS hide functionality for improved responsive behavior.
+* Mode Switcher: Removed legacy CSS and moved .so-mode to .so-toolbar for cleaner structure.
+* Widget Dialog: Removed focus delay and improved default field handling for better user experience.
+* Fixed button secondary color scheme inheritance for consistent styling.
+* Fixed widget editable title class for proper functionality.
+* Resolved LESS linting issues for improved code quality.
+
 = 2.32.0 – 13 June 2025 =
 * Background Image: Added Alt Text setting for improved accessibility.
 * Layout Block: Added additional PanelsData check and prevented potential JavaScript null quirk.

tpl/js-templates.php

@@ -293,7 +293,7 @@ class="<?php esc_attr_e( 'so-row-color so-row-color-' . $name ); ?>{{% if( rowCo
 				<input type="button" class="button-primary so-close" tabindex="0" value="<?php esc_attr_e( 'Done', 'siteorigin-panels' ); ?>" />
 
 				<span
-					class="button-secondary dashicons so-mode"
+					class="button-primary so-button-mode dashicons so-mode"
 					tabindex="0"
 					aria-label="<?php esc_attr_e( 'Access Modes', 'siteorigin-panels' ); ?>"
 					role="button"
@@ -381,7 +381,7 @@ class="cell-resize-direction dashicons dashicons-arrow-left"
 					<input type="button" class="button-primary so-save" tabindex="0" value="<?php esc_attr_e( 'Done', 'siteorigin-panels' ); ?>" />
 
 					<span
-						class="button-secondary dashicons so-mode"
+						class="button-primary so-button-mode dashicons so-mode"
 						tabindex="0"
 						aria-label="<?php esc_html_e( 'Access Modes', 'siteorigin-panels' ); ?>"
 						role="button"