Merge branch 'release/2.20.0'

inc/styles.php

@@ -83,7 +83,7 @@ static function register_scripts() {
 
 			wp_localize_script( 'simpleParallax', 'parallaxStyles', array(
 				'mobile-breakpoint' => siteorigin_panels_setting( 'mobile-width' ) . 'px',
-				'disable-parallax-mobile' => ! empty( siteorigin_panels_setting( 'parallax-mobile' ) ) ?: siteorigin_panels_setting( 'parallax-mobile' ),
+				'disable-parallax-mobile' => ! empty( siteorigin_panels_setting( 'parallax-mobile' ) ),
 				'delay' => ! empty( siteorigin_panels_setting( 'parallax-delay' ) ) ? siteorigin_panels_setting( 'parallax-delay' ) : 0.4,
 				'scale' => ! empty( siteorigin_panels_setting( 'parallax-scale' ) ) ? siteorigin_panels_setting( 'parallax-scale' ) : 1.1,
 			) );
@@ -232,6 +232,14 @@ static function get_general_style_fields( $id, $label ) {
 			'priority'    => 10,
 		);
 
+		$fields['border_thickness'] = array(
+			'name'        => __( 'Border Thickness', 'siteorigin-panels' ),
+			'type'        => 'measurement',
+			'group'       => 'design',
+			'default'     => '1px',
+			'priority'    => 11,
+		);
+
 		$fields['border_radius'] = array(
 			'name'        => __( 'Border Radius', 'siteorigin-panels' ),
 			'type'        => 'measurement',
@@ -770,7 +778,7 @@ static function general_style_css( $css, $style ) {
 		}
 
 		if ( ! empty( $style[ 'border_color' ] ) ) {
-			$css[ 'border' ] = '1px solid ' . $style['border_color'];
+			$css[ 'border' ] = ( ! empty( $style['border_thickness'] ) ? $style['border_thickness'] : '1px' ) . ' solid ' . $style['border_color'];
 		}
 
 		if ( ! empty( $style[ 'font_color' ] ) ) {

js/siteorigin-panels/view/styles.js

@@ -124,6 +124,14 @@ module.exports = Backbone.View.extend( {
 					return el;
 				} );
 			}
+
+			// Trigger a change event when user selects a color.
+			panelsOptions.wpColorPickerOptions.change = function( e, ui ) {
+				setTimeout( function() {
+					$( e.target ).trigger( 'change' );
+				}, 100 );
+			};
+
 			this.$( '.so-wp-color-field' ).wpColorPicker( panelsOptions.wpColorPickerOptions );
 		}
 
@@ -322,6 +330,7 @@ module.exports = Backbone.View.extend( {
 		} );
 		this.$( '.style-field-toggle .so-toggle-switch-input' ).trigger( 'change' );
 
+		// Conditionally show Background related settings.
 		var $background_image = this.$( '.so-field-background_image_attachment' ),
 			$background_image_display = this.$( '.so-field-background_display' ),
 			$background_image_size = this.$( '.so-field-background_image_size' );
@@ -352,6 +361,25 @@ module.exports = Backbone.View.extend( {
 			$background_image.find( '[name="style[background_image_attachment]"], [name="style[background_image_attachment_fallback]"]' ).on( 'change', soBackgroundImageVisibility );
 		}
 
+		// Conditionally show Border related settings.
+		var $border_color = this.$( '.so-field-border_color' ),
+			$border_thickness = this.$( '.so-field-border_thickness' );
+
+		if ( $border_color.length && $border_thickness.length ) {
+			var soBorderVisibility = function() {
+				if ( $border_color.find( '.so-wp-color-field' ).val() ) {
+					$border_thickness.show();
+					$border_thickness.show();
+				} else {
+					$border_thickness.hide();
+					$border_thickness.hide();
+				}
+			}
+			soBorderVisibility();
+			$border_color.find( '.so-wp-color-field' ).on( 'change', soBorderVisibility );
+			$border_color.find( '.wp-picker-clear' ).on( 'click', soBorderVisibility );
+		}
+
 		// Allow other plugins to setup custom fields.
 		$( document ).trigger( 'setup_style_fields', this );
 	}

readme.txt

@@ -107,6 +107,10 @@ SiteOrigin Premium includes access to our professional email support service, pe
 
 == Changelog ==
 
+= 2.20.0 - 02 December 2022 =
+* Styles: Added a row, cell, and widget `Border Thickness` setting.
+* Parallax: Resolved `Disable Parallax On Mobile` setting bug.
+
 = 2.19.0 - 22 November 2022 =
 * Styles: Added a row, cell, and widget `Background Image Size` setting.