v1.1.14 (#76)

v1.1.14

CHANGELOG.md

@@ -0,0 +1,168 @@
+## 1.1.14
+
+* New: Add option to override grid-parts background in the header.
+* New: Add option to override grid-parts background in the footer.
+* New: Added a new "Mobile" section in re-organized settings in the customizer.
+* New: Added Changelog file.
+* Fix: Improved customizer control descriptions & labels.
+* Fix: Improved customizer styles.
+* Fix: Changed some settings from radios to dropdowns to clean-up the UI.
+* Fix: Show featured image options for single posts & archives regardless of the preview pane context in the customizer.
+* Fix: Description of WordPress-Core background-color control (moved to the main grid section).
+* Fix: Renamed "Grid" section to "Site Grid".
+* Fix: Removed plus & docs buttons on the top of sections.
+
+## 1.1.13
+
+* Fix: Error in nav-handheld.
+
+## 1.1.12
+
+* Fix: JS conflict in the customizer when Gutenberg installed as a plugin.
+* Fix: Typo in the main header grid's description.
+* Fix: Header-Image control description.
+* Fix: Removed Mobile Navigation from Deferred Parts.
+
+## 1.1.11
+
+* Fix: Improved block styles to further reduce their size.
+* Fix: Content width when using percent (%) values.
+* Fix: Improved the accessibility-colors script for automatic link colors selection.
+* Fix: Improved comment form styles for dark backgrounds.
+* Fix: Gutenberg styles were updated to include the most recent tweaks for new blocks.
+* Fix: Improved searchform styles.
+* Fix: PHP Warning when viewing some post-formats.
+* Fix: Visibility of WooCommerce product images when there is a single image (no gallery) inside single posts.
+* Fix: WooCommerce tabs styles.
+
+## 1.1.10
+
+* Fix: Text typos.
+* Fix: Customizer performance improvement.
+* Update: New screenshot.
+
+## 1.1.9
+
+* Fix: Improved Customizer performance.
+* Fix: Accessibility improvement: Removed `<title>` tags from SVGs.
+* Fix: Update DragSelect script to v1.12.1.
+* Fix: Branding typography control was always hidden.
+* Fix: Group block inner-container alignment.
+* Fix: Style for initial notice when a menu is not assigned to a navigation grid-part.
+* Fix: Moved text & link color options to the content section.
+
+## 1.1.8
+
+* Fix: Styles for undefined values.
+* Fix: Content width when using `em` units.
+
+
+## 1.1.7
+
+* Fix: Improve accessibility of search forms
+* Fix: Updated the Kirki framework to v3.0.44
+* Fix: Updated editor block styles
+* Fix: Changed default font-family to sans-serif.
+
+## 1.1.6
+
+* Fix: Handheld navigation behaviour on Safari.
+* Dev: Added fallback values to all CSS custom-properties.
+
+## 1.1.5
+
+* Fix: googlefonts enqueueing issue when the site URL changes, or if the protocol (http/https) changes
+
+## 1.1.4
+
+* Fix: Documentation Links
+* Fix: Minimum WordPress version required is 5.0 - fixed fallback method for previous versions of WordPress.
+
+## 1.1
+
+* Fix: Accessibility improvements
+
+## 1.1.2
+
+* Fix: Properly escape the read-me link for blog excerpts.
+
+## 1.1.1
+
+* Fix: WooCommerce categories widget styles
+* Fix: Simplify & improve styles for widget lists.
+* Fix: Improve styles for products-search widget.
+* Fix: Improve WooCommerce price-filter widget styles.
+* Fix: No edit links in products.
+* Fix: WooCommerce product slides.
+* Fix: WooCommerce image thumbnails in carousels.
+* Fix: WooCommerce `.onsale` tags styling.
+* Fix: blocks alignment in cover block.
+* Fix: Added product-searchform template for WooCommerce.
+* Fix: Content-width calculation when using `em` values for the main content area's max-width setting.
+* Fix: Updated Block styles from latest Gutenberg-dev version.
+* Fix: Simplified color palette.
+* Fix: Updated block styles.
+* New: Added support for the new "Group" editor block.
+* New: Added option to hide page-title on the frontpage.
+
+## 1.1
+
+* New: Implemented lazy-loaded grid-parts using the REST API.
+* Fix: Improved and simplified the navigation styles.
+* Fix: Better implementation for toggle buttons in menus.
+
+## 1.0.8
+
+* Fix: Custom CSS priority
+* Fix: CSS overflow fix for mobile navigation.
+* Fix: Collapsed naviation position.
+* Fix: Cover block focal-point when using a reusable editor block as a separate grid-part.
+* Fix: Remove non-existing grid-parts (deleted reusable blocks) from the grid control in the customizer.
+* Fix: Removed incomplete implementations for Layer-Slider and Revolution-Slider.
+* New: Added option to enable boxed mode for navigation toggle button.
+* New: Added edit links to reusable blocks.
+* New: Added links-color setting to reusable blocks.
+* New: Added `gridd_print_attributes` filter.
+
+## 1.0.7
+
+* Fix: Naviation depth is no longer limited to 3.
+* Fix: CSS cleanup
+* New: Added `gridd_get_toggle_button` filter.
+
+## 1.0.6
+
+* Fix: Customizer bugfix
+
+## 1.0.5
+
+* Fix: Improved navigation styles.
+* Fix: The grid-parts order control now has a live preview.
+* Fix: Minor CSS fixes & cleanup.
+
+## 1.0.4
+
+* New: Added a new "Overlay" mode for featured images on single posts
+* New: Added support for Jetpack's `Tonesque` library.
+* Fix: Minor CSS fixes & cleanups.
+
+## 1.0.3
+
+* New: Added grid parts for reusable Gutenberg Blocks.
+* New: Added custom templates.
+
+## 1.0.2
+
+* New: CSS for blocks is now only loaded for active blocks.
+* New: Added option for collapsed navigation label.
+* Fix: Various CSS styling fixes.
+
+## 1.0.1
+
+* New: Added the "Features" section in the customizer.
+* New: Implemented grid for archives.
+* Fix: Various performance tweaks for CSS loading.
+
+## 1.0
+
+* Initial Release

assets/css/customizer/customizer.css

@@ -271,12 +271,6 @@ h3.gridd-customizer-section-title {
   .switch-input:checked .gridd-flexbox-svg-option svg {
     fill: #fff; }
 
-.customize-control {
-  border-bottom: 1px solid #e2e2e2;
-  padding-bottom: 12px; }
-  .customize-control:last-child {
-    border-bottom: none; }
-
 #accordion-panel-gridd_hidden_panel {
   display: none !important; }
 

assets/css/customizer/customizer.scss

@@ -249,15 +249,6 @@ h3.gridd-customizer-section-title {
 	}
 }
 
-.customize-control {
-	border-bottom: 1px solid #e2e2e2;
-	padding-bottom: 12px;
-
-	&:last-child {
-		border-bottom: none;
-	}
-}
-
 #accordion-panel-gridd_hidden_panel {
 	display: none !important;
 }

functions.php

@@ -10,7 +10,7 @@
  *
  * @since 1.0
  */
-define( 'GRIDD_VERSION', '1.1.13' );
+define( 'GRIDD_VERSION', '1.1.14' );
 
 /**
  * Gracefully fail if the user is on an old PHP version

grid-parts/classes/Content.php

@@ -121,6 +121,15 @@ public static function print_styles() {
 			 * Once the bug in the minifier is fixed we can remove this.
 			 */
 			->add_string( '.site-main .entry-content .alignfull,.site-main .entry-footer .alignfull,.site-main .entry-header .alignfull,.site-main .gridd-contain .alignfull{transform:translateX(calc(0px - var(--gridd-content-padding-left, 20px)));}' )
+			->add_vars(
+				[
+					'--gridd-content-padding-top'    => $padding['top'],
+					'--gridd-content-padding-right'  => $padding['right'],
+					'--gridd-content-padding-bottom' => $padding['bottom'],
+					'--gridd-content-padding-left'   => $padding['left'],
+					'--gridd-content-bg'             => get_theme_mod( 'gridd_grid_content_background_color', '#fff' ),
+				]
+			)
 			->the_css( 'gridd-inline-css-content' );
 	}
 

grid-parts/customizer/breadcrumbs.php

@@ -33,8 +33,12 @@
 		'type'        => 'dimension',
 		'settings'    => 'gridd_grid_breadcrumbs_padding',
 		'label'       => esc_html__( 'Padding', 'gridd' ),
-		'description' => esc_html__( 'Inner padding for this grid-part. Use any valid CSS value.', 'gridd' ),
-		'tooltip'     => __( 'For details on how padding works, please refer to <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" target="_blank" rel="nofollow">this article</a>.', 'gridd' ),
+		'description' => Customizer::get_control_description(
+			[
+				'short'   => '',
+				'details' => esc_html__( 'Use any valid CSS value. For details on how padding works, please refer to <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding" target="_blank" rel="nofollow">this article</a>.', 'gridd' ),
+			]
+		),
 		'section'     => 'gridd_grid_part_details_breadcrumbs',
 		'default'     => '1em',
 		'transport'   => 'postMessage',
@@ -44,29 +48,32 @@
 
 Customizer::add_field(
 	[
-		'type'        => 'dimension',
-		'settings'    => 'gridd_grid_breadcrumbs_max_width',
-		'label'       => esc_html__( 'Max-Width', 'gridd' ),
-		'description' => esc_html__( 'The maximum width that the contents of this grid-part can use.', 'gridd' ),
-		'tooltip'     => __( 'Use any valid CSS value like <code>50em</code>, <code>800px</code> or <code>100%</code>.', 'gridd' ),
-		'section'     => 'gridd_grid_part_details_breadcrumbs',
-		'default'     => '',
-		'css_vars'    => '--gridd-breadcrumbs-max-width',
-		'transport'   => 'postMessage',
+		'type'      => 'dimension',
+		'settings'  => 'gridd_grid_breadcrumbs_max_width',
+		'label'     => esc_html__( 'Breadcrumbs Maximum Width', 'gridd' ),
+		'section'   => 'gridd_grid_part_details_breadcrumbs',
+		'default'   => '',
+		'css_vars'  => '--gridd-breadcrumbs-max-width',
+		'transport' => 'postMessage',
 	]
 );
 
 Customizer::add_field(
 	[
-		'type'      => 'slider',
-		'settings'  => 'gridd_grid_breadcrumbs_font_size',
-		'label'     => esc_html__( 'Font Size', 'gridd' ),
-		'tooltip'   => esc_html__( 'Controls the font-size for your breadcrumbs. This value is relative to the body font-size, so a value of 1em will have the same size as your content.', 'gridd' ),
-		'section'   => 'gridd_grid_part_details_breadcrumbs',
-		'default'   => 1,
-		'transport' => 'postMessage',
-		'css_vars'  => '--gridd-breadcrumbs-font-size',
-		'choices'   => [
+		'type'        => 'slider',
+		'settings'    => 'gridd_grid_breadcrumbs_font_size',
+		'label'       => esc_html__( 'Font Size', 'gridd' ),
+		'description' => Customizer::get_control_description(
+			[
+				'short'   => '',
+				'details' => esc_html__( 'Controls the font-size for your breadcrumbs. This value is relative to the body font-size, so a value of 1em will have the same size as your content.', 'gridd' ),
+			]
+		),
+		'section'     => 'gridd_grid_part_details_breadcrumbs',
+		'default'     => 1,
+		'transport'   => 'postMessage',
+		'css_vars'    => '--gridd-breadcrumbs-font-size',
+		'choices'     => [
 			'min'    => .5,
 			'max'    => 2,
 			'step'   => .01,

grid-parts/customizer/content.php

@@ -18,9 +18,6 @@
 		'description' => Customizer::section_description(
 			'gridd_grid_part_details_content',
 			[
-				'plus' => [
-					esc_html__( 'Selecting from an array of WCAG-compliant colors for text, headers and links', 'gridd' ),
-				],
 				'docs' => 'https://wplemon.github.io/gridd/grid-parts/content.html',
 			]
 		),
@@ -31,24 +28,22 @@
 
 Customizer::add_field(
 	[
-		'type'        => 'dimension',
-		'settings'    => 'gridd_grid_content_max_width',
-		'label'       => esc_html__( 'Max-Width', 'gridd' ),
-		'description' => esc_html__( 'The maximum width that the contents of this grid-part can use.', 'gridd' ),
-		'description' => __( 'Use any valid CSS value like <code>50em</code>, <code>800px</code> or <code>100%</code>.', 'gridd' ),
-		'section'     => 'gridd_grid_part_details_content',
-		'default'     => '45em',
-		'css_vars'    => '--gridd-content-max-width',
-		'transport'   => 'postMessage',
-		'priority'    => 10,
+		'type'      => 'dimension',
+		'settings'  => 'gridd_grid_content_max_width',
+		'label'     => esc_html__( 'Content Maximum Width', 'gridd' ),
+		'section'   => 'gridd_grid_part_details_content',
+		'default'   => '45em',
+		'css_vars'  => '--gridd-content-max-width',
+		'transport' => 'postMessage',
+		'priority'  => 10,
 	]
 );
 
 Customizer::add_field(
 	[
 		'type'      => 'dimensions',
 		'settings'  => 'gridd_grid_content_padding',
-		'label'     => esc_html__( 'Container Padding', 'gridd' ),
+		'label'     => esc_html__( 'Content Padding', 'gridd' ),
 		'section'   => 'gridd_grid_part_details_content',
 		'default'   => [
 			'top'    => '0px',
@@ -72,7 +67,6 @@
 		'type'      => 'color',
 		'settings'  => 'gridd_grid_content_background_color',
 		'label'     => esc_html__( 'Background Color', 'gridd' ),
-		'tooltip'   => esc_html__( 'Always prefer light backgrounds with dark text for increased accessibility.', 'gridd' ),
 		'section'   => 'gridd_grid_part_details_content',
 		'default'   => '#ffffff',
 		'css_vars'  => '--gridd-content-bg',
@@ -89,7 +83,6 @@
 		'type'              => 'gridd-wcag-tc',
 		'settings'          => 'gridd_text_color',
 		'label'             => esc_html__( 'Text Color', 'gridd' ),
-		'description'       => esc_html__( 'Select the color used for your text. Please choose a color with sufficient contrast with the selected background-color.', 'gridd' ),
 		'section'           => 'gridd_grid_part_details_content',
 		'priority'          => 40,
 		'default'           => '#000000',

grid-parts/customizer/footer-copyright.php

@@ -110,16 +110,21 @@
 
 Customizer::add_field(
 	[
-		'type'      => 'slider',
-		'settings'  => 'gridd_grid_footer_copyright_text_font_size',
-		'label'     => esc_html__( 'Font Size', 'gridd' ),
-		'tooltip'   => esc_html__( 'The font-size defined here is relative to the body font-size so a size of 1em will be the same ssize as your content.', 'gridd' ),
-		'section'   => 'gridd_grid_part_details_footer_copyright',
-		'default'   => 1,
-		'transport' => 'postMessage',
-		'css_vars'  => '--gridd-footer-copyright-font-size',
-		'priority'  => 140,
-		'choices'   => [
+		'type'        => 'slider',
+		'settings'    => 'gridd_grid_footer_copyright_text_font_size',
+		'label'       => esc_html__( 'Font Size', 'gridd' ),
+		'description' => Customizer::get_control_description(
+			[
+				'short'   => '',
+				'details' => esc_html__( 'The font-size defined here is relative to the body font-size so a size of 1em will be the same ssize as your content.', 'gridd' ),
+			]
+		),
+		'section'     => 'gridd_grid_part_details_footer_copyright',
+		'default'     => 1,
+		'transport'   => 'postMessage',
+		'css_vars'    => '--gridd-footer-copyright-font-size',
+		'priority'    => 140,
+		'choices'     => [
 			'min'    => .5,
 			'max'    => 2,
 			'step'   => .01,