Merge pull request #980 from brainstormforce/readme-changes

Fix: Customizer conflict

README.md

@@ -1,10 +1,10 @@
 # Ultimate Addons for Elementor Lite (UAE Lite) #
 **Contributors:** [@brainstormforce](https://profiles.wordpress.org/@brainstormforce/), [@nikschavan](https://profiles.wordpress.org/@nikschavan/), [@pratikchaskar](https://profiles.wordpress.org/@pratikchaskar/)  
-**Tags:** elementor, header footer builder, breadcrumbs, post meta, widgets, scroll to top  
+**Tags:** elementor, header footer builder, breadcrumbs, post meta, widgets  
 **Requires at least:** 4.4  
 **Requires PHP:** 7.4  
 **Tested up to:** 6.7  
-**Stable tag:** 2.0.0  
+**Stable tag:** 2.0.1  
 **License:** GPLv2 or later  
 **License URI:** https://www.gnu.org/licenses/gpl-2.0.html  
 
@@ -30,7 +30,7 @@ From crafting custom headers and footers to adding interactive design elements l
 Easily create custom headers and footers that perfectly match your brand. Use Elementor’s drag-and-drop builder to add logos, menus, and design elements, and **choose where they appear** – on the homepage, blog pages, or across your entire site.  
 
 
-#### ** Inbuilt Widgets for Speedy Design That Visitors Love**  
+#### Inbuilt Widgets for Speedy Design That Visitors Love 
 Save time with built-in widgets designed to handle common design needs. From logos and navigation menus to copyright notices and search bars, UAE Lite has you covered:  
 - **Post Info**: Automatically display key post details like author, publish date, time, and categories – a must-have for blogs and SEO optimization.  
 - **Breadcrumbs**: Help visitors navigate your site with a dynamic path display.  
@@ -141,6 +141,9 @@ Absolutely! You can design custom headers, footers, and other sections for WooCo
 
 ## Changelog ##
 
+### 2.0.1 ###
+- Fix: Conflict with site customizer style.
+
 ### 2.0.0 ###
 - New Feature: Scroll to Top Button. 
   Add a dynamic "Scroll to Top" button to enhance navigation and improve user experience on long pages.

build/main.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => 'bb9e714177bd9ecde067');
+<?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => 'f1754b24257ccd57e9ff');

header-footer-elementor.php

@@ -7,14 +7,14 @@
  * Author URI:  https://www.brainstormforce.com/
  * Text Domain: header-footer-elementor
  * Domain Path: /languages
- * Version: 2.0.0
+ * Version: 2.0.1
  * Elementor tested up to: 3.25
  * Elementor Pro tested up to: 3.25
  *
  * @package         header-footer-elementor
  */
 
-define( 'HFE_VER', '2.0.0' );
+define( 'HFE_VER', '2.0.1' );
 define( 'HFE_FILE', __FILE__ );
 define( 'HFE_DIR', plugin_dir_path( __FILE__ ) );
 define( 'HFE_URL', plugins_url( '/', __FILE__ ) );

inc/class-hfe-settings-page.php

@@ -210,21 +210,6 @@ public function enqueue_admin_scripts() {
 		$uae_logo   = HFE_URL . 'assets/images/settings/dashboard-logo.svg';
 		$white_logo = HFE_URL . 'assets/images/settings/white-logo.svg';
 
-		if ( '' !== $uae_logo && '' !== $white_logo ) {
-			echo '<style>
-				#toplevel_page_hfe .wp-menu-image {
-					background-image: url( ' . esc_url( $uae_logo ) . ' ) !important;
-					background-size: 23px 34px !important;
-					background-repeat: no-repeat;
-					background-position: center;
-				}
-				#toplevel_page_hfe.wp-menu-open .wp-menu-image,
-				#toplevel_page_hfe .wp-has-current-submenu .wp-menu-image {
-					background-image: url( ' . esc_url( $white_logo ) . ' ) !important;
-				}
-			</style>';
-		}
-
 		$rollback_versions = HFE_Helper::get_rollback_versions_options();
 		$st_status         = HFE_Helper::free_starter_templates_status();
 		$stpro_status      = HFE_Helper::premium_starter_templates_status();
@@ -291,6 +276,23 @@ public function enqueue_admin_scripts() {
 			HFE_VER
 		);
 
+		if ( '' !== $uae_logo && '' !== $white_logo ) {
+
+			$custom_css = "
+				#toplevel_page_hfe .wp-menu-image {
+					background-image: url(" . esc_url($uae_logo) . ") !important;
+					background-size: 23px 34px !important;
+					background-repeat: no-repeat !important;
+					background-position: center !important;
+				}
+				#toplevel_page_hfe.wp-menu-open .wp-menu-image,
+				#toplevel_page_hfe .wp-has-current-submenu .wp-menu-image {
+					background-image: url(" . esc_url($white_logo) . ") !important;
+				}
+			";
+			wp_add_inline_style('header-footer-elementor-react-styles', $custom_css);
+		}
+
 		wp_enqueue_script( 'hfe-admin-script', HFE_URL . 'admin/assets/js/ehf-admin.js', [ 'jquery', 'updates' ], HFE_VER, true );
 
 		$is_dismissed = get_user_meta( get_current_user_id(), 'hfe-popup' );

package.json

@@ -1,6 +1,6 @@
 {
 		"name": "header-footer-elementor",
-		"version": "2.0.0",
+		"version": "2.0.1",
 		"main": "index.js",
 		"author": "Nikhil Chavan",
 		"volta": {

readme.txt

@@ -1,10 +1,10 @@
 === Ultimate Addons for Elementor Lite (UAE Lite) ===
 Contributors: @brainstormforce, @nikschavan, @pratikchaskar
-Tags: elementor, header footer builder, breadcrumbs, post meta, widgets, scroll to top
+Tags: elementor, header footer builder, breadcrumbs, post meta, widgets
 Requires at least: 4.4
 Requires PHP: 7.4
 Tested up to: 6.7
-Stable tag: 2.0.0
+Stable tag: 2.0.1
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 
@@ -30,7 +30,7 @@ From crafting custom headers and footers to adding interactive design elements l
 Easily create custom headers and footers that perfectly match your brand. Use Elementor’s drag-and-drop builder to add logos, menus, and design elements, and **choose where they appear** – on the homepage, blog pages, or across your entire site.  
 
 
-#### ** Inbuilt Widgets for Speedy Design That Visitors Love**  
+#### Inbuilt Widgets for Speedy Design That Visitors Love 
 Save time with built-in widgets designed to handle common design needs. From logos and navigation menus to copyright notices and search bars, UAE Lite has you covered:  
 - **Post Info**: Automatically display key post details like author, publish date, time, and categories – a must-have for blogs and SEO optimization.  
 - **Breadcrumbs**: Help visitors navigate your site with a dynamic path display.  
@@ -141,6 +141,9 @@ Absolutely! You can design custom headers, footers, and other sections for WooCo
 
 == Changelog ==
 
+= 2.0.1 =
+- Fix: Conflict with site customizer style.
+
 = 2.0.0 =
 - New Feature: Scroll to Top Button. 
   Add a dynamic "Scroll to Top" button to enhance navigation and improve user experience on long pages.

src/styles.css

@@ -5,7 +5,7 @@
 
 /* Add to your main CSS file (e.g., index.css) */
 
-.loader {
+#hfe-settings-app .loader {
 	border: 4px solid #f3f3f3;
 	border-radius: 50%;
 	border-top: 4px solid #3498db;
@@ -66,7 +66,7 @@ button.hfe-bulk-action-button {
 	width: 78%;
 }
 
-.subject-cell {
+#hfe-settings-app .subject-cell {
 	max-width: 200px; /* Adjust this width based on your layout */
 	white-space: nowrap;
 	overflow: hidden;
@@ -152,15 +152,15 @@ input[type="radio"].hfe-radio-field:focus {
 }
 
 @media (max-width: 768px) {
-	.container {
+	#toplevel_page_hfe .container {
 		padding: 0 1rem;
 	}
 
-	.fixed {
+	#toplevel_page_hfe .fixed {
 		justify-content: flex-start !important;
 	}
 
-	.bg-white {
+	#toplevel_page_hfe .bg-white {
 		width: 100% !important;
 		height: 100% !important;
 		border-radius: 0 !important;