Changeset 3230636

Timestamp:

01/28/2025 02:54:56 PM (13 months ago)

Author:

wpcoder75

Message:

added new button style 4

Location:

nex-button

Files:

• tags/1.0.2 (added)
• tags/1.0.2/css (added)
• tags/1.0.2/css/advanced-button.css (added)
• tags/1.0.2/nex-button.php (added)
• tags/1.0.2/readme.txt (added)
• tags/1.0.2/widgets (added)
• tags/1.0.2/widgets/advanced-button (added)
• tags/1.0.2/widgets/advanced-button/advanced-button.php (added)
• trunk/css/advanced-button.css (modified) (1 diff)
• trunk/nex-button.php (modified) (2 diffs)
• trunk/readme.txt (modified) (2 diffs)
• trunk/widgets/advanced-button/advanced-button.php (modified) (3 diffs)

nex-button/trunk/css/advanced-button.css

@@ -158 +158 @@
     }
   }
+
+  &.style-4 {
+    .cb-nex-button {
+      overflow: hidden;
+      &::after {
+        position: absolute;
+        content: "";
+        width: 100%;
+        height: 0;
+        top: 0;
+        left: 0;
+        border-radius: inherit;
+        background-color: #f00;
+        visibility: hidden;
+        transition: all 0.3s ease;
+      }
+      &:hover {
+        &::after {
+          top: auto;
+          bottom: 0;
+          height: 100%;
+          visibility: visible;
+        }
+      }
+    }
+    .button-text,
+    .button-icon {
+      z-index: 11;
+      position: relative;
+    }
+  }
 }

nex-button/trunk/nex-button.php

@@ -3 +3 @@
  * Plugin Name: NexButton
  * Description: Add stylish, customizable buttons to Elementor with various hover effects and animations.
- * Version: 1.0.1
+ * Version: 1.0.2
  * Author: wpcoder75
  * Author URI: https://github.com/asikwp75
@@ -18 +18 @@
 
 class NexButtonPlugin {
-    const VERSION = '1.0.0';
+    const VERSION = '1.0.2';
     const MINIMUM_ELEMENTOR_VERSION = '3.13.2';
     const MINIMUM_PHP_VERSION = '7.4';

nex-button/trunk/readme.txt

@@ -14 +14 @@
 NexButton Elementor Plugin adds a custom button widget to Elementor, offering a variety of button styles with text and icon customization options.
 
+
 ### Features:
-* Multiple button styles (Style 1 and Style 2)
+* Multiple button styles (Style 1, Style 2, Style 3 & Style 4)
 * Show/Hide button text and icon
 * Customizable button colors, backgrounds, and typography
@@ -43 +44 @@
 == Changelog ==
 
-= 1.0.0 =
+
+= 1.0.2 [28th January 2025] =
+
+* Added: New button style "Style 4".
+
+= 1.0.1 =
 
 Initial release of NexButton Elementor Plugin.

nex-button/trunk/widgets/advanced-button/advanced-button.php

@@ -52 +52 @@
                     'style-2' => __( 'Style 2', 'nex-button' ),
                     'style-3' => __( 'Style 3', 'nex-button' ),
+                    'style-4' => __( 'Style 4', 'nex-button' ),
                 ],
                 'default' => 'style-1',
@@ -299 +300 @@
                     '{{WRAPPER}} .cb-nex-button:hover' => 'background-color: {{VALUE}};',
                 ],
+                'condition' => [
+                    'button_style!' => 'style-4',
+                ],
+             ]
+        );
+
+        $this->add_control(
+            'button_hover_background_color_style-4',
+            [
+                'label' => esc_html__( 'Background Color', 'nex-button' ),
+                'type' => \Elementor\Controls_Manager::COLOR,
+                'selectors' => [
+                    '{{WRAPPER}} .cb-nex-button-wrapper.style-4 .cb-nex-button:after' => 'background-color: {{VALUE}};',
+                ],
+                'condition' => [
+                    'button_style' => 'style-4',
+                ],
             ]
         );
@@ -559 +577 @@
         }
 
-        if (!empty($settings['button_style']) && 'style-2' === $settings['button_style']) {
+        if (!empty($settings['button_style']) && ('style-2' === $settings['button_style'] || 'style-4' === $settings['button_style'])) {
             echo "<span class='button-text'>" . esc_html($text) . "</span>";
         }