Customify – A Theme Customizer Booster - Version 2.0.1

Version Description

  • Minor fix for the color pickers.
Download this release

Release Info

Developer vlad.olaru
Plugin Icon Customify – A Theme Customizer Booster
Version 2.0.1
Comparing to
See all releases

Code changes from version 2.0.0 to 2.0.1

Files changed (6) hide show
  1. css/customizer.css +1 -1
  2. customify.php +2 -2
  3. includes/class-customify-color-palettes.php +1 -1
  4. js/customizer/color-palettes.js +10 -12
  5. readme.txt +4 -1
  6. scss/customizer.scss +0 -1
css/customizer.css CHANGED
@@ -1514,7 +1514,7 @@ li#customize-control-site_logo .actions
1514
  display: none !important;
1515
  }.sm_color_matrix
1516
  {
1517
- display: -ms-flexbox ;display: flex;display: none;margin-left: -15px;-ms-flex-wrap: wrap;flex-wrap: wrap;
1518
  }.sm_color_matrix > *
1519
  {
1520
  display: grid;padding-top: 15px;padding-left: 15px;grid-auto-rows: 2px;grid-auto-columns: 2px;-ms-flex: 0 0 33.33333%;flex: 0 0 33.33333%;
1514
  display: none !important;
1515
  }.sm_color_matrix
1516
  {
1517
+ display: -ms-flexbox ;display: flex;margin-left: -15px;-ms-flex-wrap: wrap;flex-wrap: wrap;
1518
  }.sm_color_matrix > *
1519
  {
1520
  display: grid;padding-top: 15px;padding-left: 15px;grid-auto-rows: 2px;grid-auto-columns: 2px;-ms-flex: 0 0 33.33333%;flex: 0 0 33.33333%;
customify.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Customify
4
  Plugin URI: https://wordpress.org/plugins/customify/
5
  Description: A Theme Customizer Booster
6
- Version: 2.0.0
7
  Author: Pixelgrade
8
  Author URI: https://pixelgrade.com
9
  Author Email: contact@pixelgrade.com
@@ -61,7 +61,7 @@ function PixCustomifyPlugin() {
61
  */
62
  require_once plugin_dir_path( __FILE__ ) . 'class-pixcustomify.php';
63
 
64
- $instance = PixCustomifyPlugin::instance( __FILE__, '2.0.0' );
65
 
66
  return $instance;
67
  }
3
  Plugin Name: Customify
4
  Plugin URI: https://wordpress.org/plugins/customify/
5
  Description: A Theme Customizer Booster
6
+ Version: 2.0.1
7
  Author: Pixelgrade
8
  Author URI: https://pixelgrade.com
9
  Author Email: contact@pixelgrade.com
61
  */
62
  require_once plugin_dir_path( __FILE__ ) . 'class-pixcustomify.php';
63
 
64
+ $instance = PixCustomifyPlugin::instance( __FILE__, '2.0.1' );
65
 
66
  return $instance;
67
  }
includes/class-customify-color-palettes.php CHANGED
@@ -575,7 +575,7 @@ class Customify_Color_Palettes {
575
  wp_kses( __( 'One or more colors connected to your color palette have been modified. By changing or altering the current palette you will lose changes made prior to this action.', 'customify' ), array( 'em' => array(), 'b' => array(), 'strong' => array(), 'i' => array() ) ) . PHP_EOL .
576
  '</div>' . PHP_EOL;
577
  foreach ( $master_color_controls_ids as $setting_id ) {
578
- $current_palette .= '<input id="current-palette-' . $setting_id . '" class="c-color-palette__input ' . $setting_id . '" type="text">';
579
  }
580
  $current_palette .= '</div>';
581
 
575
  wp_kses( __( 'One or more colors connected to your color palette have been modified. By changing or altering the current palette you will lose changes made prior to this action.', 'customify' ), array( 'em' => array(), 'b' => array(), 'strong' => array(), 'i' => array() ) ) . PHP_EOL .
576
  '</div>' . PHP_EOL;
577
  foreach ( $master_color_controls_ids as $setting_id ) {
578
+ $current_palette .= '<input id="current-palette-' . $setting_id . '" class="c-color-palette__input ' . $setting_id . '" type="text" value="' . get_option( $setting_id ) . '">';
579
  }
580
  $current_palette .= '</div>';
581
 
js/customizer/color-palettes.js CHANGED
@@ -441,12 +441,16 @@ let ColorPalettes = ( function( $, exports, wp ) {
441
  const currentColor = ui.color.toString();
442
 
443
  $obj.css( 'color', filterColor( currentColor ) );
 
 
444
  setting.set( currentColor );
445
- setPalettesOnConnectedFields();
446
 
447
  if ( event.originalEvent.type !== 'external' ) {
448
  $palette.find( '.color.' + setting_id ).removeClass( 'altered' );
449
  }
 
 
 
450
  },
451
  } );
452
 
@@ -485,11 +489,6 @@ let ColorPalettes = ( function( $, exports, wp ) {
485
  } );
486
 
487
  $input.on( 'focus', ( e ) => {
488
-
489
- $colors.each( ( i, obj ) => {
490
- $( obj ).data( 'target' ).not( $input ).iris( 'hide' );
491
- } );
492
-
493
  $colors.not( $obj ).addClass( 'inactive' ).removeClass( 'active' );
494
  $obj.addClass( 'active' ).removeClass( 'inactive' );
495
 
@@ -535,7 +534,6 @@ let ColorPalettes = ( function( $, exports, wp ) {
535
  _.each(masterSettingIds, function( id ) {
536
  const setting = wp.customize( id );
537
  const initialColor = setting();
538
- $( '.c-color-palette' ).find( '.c-color-palette__fields' ).find( 'input.' + id ).iris( 'color', initialColor );
539
  $( '.c-color-palette' ).find( '.color.' + id ).css( 'color', initialColor );
540
  });
541
  };
@@ -595,7 +593,7 @@ let ColorPalettes = ( function( $, exports, wp ) {
595
  classes.push( fieldClassName );
596
 
597
  if ( ! $bucket.children( '.' + fieldClassName ).length ) {
598
- $( '<div title="' + field_id + '" class="' + fieldClassName + '">' ).appendTo( $bucket );
599
  }
600
  } );
601
 
@@ -632,7 +630,7 @@ let ColorPalettes = ( function( $, exports, wp ) {
632
  if ( typeof connectedSetting !== "undefined" ) {
633
  let connectedFieldValue = connectedSetting();
634
 
635
- if ( connectedFieldValue.toLowerCase() !== filterColor( masterSettingValue ).toLowerCase() ) {
636
  connectedFieldsWereAltered = true;
637
  }
638
  }
@@ -675,7 +673,7 @@ let ColorPalettes = ( function( $, exports, wp ) {
675
  const refreshCurrentPaletteControl = () => {
676
  toggleAlteredClassOnMasterControls();
677
  toggleHiddenClassOnMasterControls();
678
- // setPalettesOnConnectedFields();
679
  showNewColors();
680
  };
681
 
@@ -839,7 +837,7 @@ let ColorPalettes = ( function( $, exports, wp ) {
839
 
840
  const reinitializeConnectedFields = () => {
841
  reloadConnectedFields();
842
- buildColorMatrix();
843
  unbindConnectedFields();
844
  bindConnectedFields();
845
  refreshCurrentPaletteControl();
@@ -920,7 +918,7 @@ let ColorPalettes = ( function( $, exports, wp ) {
920
  unbindConnectedFields();
921
  bindConnectedFields();
922
  refreshCurrentPaletteControl();
923
- buildColorMatrix();
924
 
925
  bindEvents();
926
  } );
441
  const currentColor = ui.color.toString();
442
 
443
  $obj.css( 'color', filterColor( currentColor ) );
444
+
445
+ filteredColors[setting_id] = filterColor( currentColor );
446
  setting.set( currentColor );
 
447
 
448
  if ( event.originalEvent.type !== 'external' ) {
449
  $palette.find( '.color.' + setting_id ).removeClass( 'altered' );
450
  }
451
+
452
+ setPalettesOnConnectedFields();
453
+ // buildColorMatrix();
454
  },
455
  } );
456
 
489
  } );
490
 
491
  $input.on( 'focus', ( e ) => {
 
 
 
 
 
492
  $colors.not( $obj ).addClass( 'inactive' ).removeClass( 'active' );
493
  $obj.addClass( 'active' ).removeClass( 'inactive' );
494
 
534
  _.each(masterSettingIds, function( id ) {
535
  const setting = wp.customize( id );
536
  const initialColor = setting();
 
537
  $( '.c-color-palette' ).find( '.color.' + id ).css( 'color', initialColor );
538
  });
539
  };
593
  classes.push( fieldClassName );
594
 
595
  if ( ! $bucket.children( '.' + fieldClassName ).length ) {
596
+ $( '<div title="' + field_id + '" class="' + fieldClassName + '">' ).appendTo( $bucket );
597
  }
598
  } );
599
 
630
  if ( typeof connectedSetting !== "undefined" ) {
631
  let connectedFieldValue = connectedSetting();
632
 
633
+ if ( typeof connectedFieldValue === "string" && connectedFieldValue.toLowerCase() !== filterColor( masterSettingValue ).toLowerCase() ) {
634
  connectedFieldsWereAltered = true;
635
  }
636
  }
673
  const refreshCurrentPaletteControl = () => {
674
  toggleAlteredClassOnMasterControls();
675
  toggleHiddenClassOnMasterControls();
676
+ setPalettesOnConnectedFields();
677
  showNewColors();
678
  };
679
 
837
 
838
  const reinitializeConnectedFields = () => {
839
  reloadConnectedFields();
840
+ // buildColorMatrix();
841
  unbindConnectedFields();
842
  bindConnectedFields();
843
  refreshCurrentPaletteControl();
918
  unbindConnectedFields();
919
  bindConnectedFields();
920
  refreshCurrentPaletteControl();
921
+ // buildColorMatrix();
922
 
923
  bindEvents();
924
  } );
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: pixelgrade, euthelup, babbardel, vlad.olaru, cristianfrumusanu, ra
3
  Tags: customizer, css, editor, live, preview, customizer
4
  Requires at least: 4.7.0
5
  Tested up to: 4.9.8
6
- Stable tag: 1.9.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -45,6 +45,9 @@ With [Customify](https://github.com/pixelgrade/customify), developers can easily
45
 
46
  == Changelog ==
47
 
 
 
 
48
  = 2.0.0 =
49
  * Added the much improved and overall awesome **Color Palettes v2.0 styling system** (all modesty aside).
50
  * Minor improvements that are secondary to the one above. Enjoy.
3
  Tags: customizer, css, editor, live, preview, customizer
4
  Requires at least: 4.7.0
5
  Tested up to: 4.9.8
6
+ Stable tag: 2.0.0
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
45
 
46
  == Changelog ==
47
 
48
+ = 2.0.1 =
49
+ * Minor fix for the color pickers.
50
+
51
  = 2.0.0 =
52
  * Added the much improved and overall awesome **Color Palettes v2.0 styling system** (all modesty aside).
53
  * Minor improvements that are secondary to the one above. Enjoy.
scss/customizer.scss CHANGED
@@ -2377,7 +2377,6 @@ input.c-color-palette__input[class] {
2377
 
2378
  .sm_color_matrix {
2379
  display: flex;
2380
- display: none;
2381
  flex-wrap: wrap;
2382
  margin-left: -15px;
2383
 
2377
 
2378
  .sm_color_matrix {
2379
  display: flex;
 
2380
  flex-wrap: wrap;
2381
  margin-left: -15px;
2382