Changeset 3121957

Timestamp:

07/19/2024 10:37:33 AM (19 months ago)

Author:

philsafc

Message:

v 1.1

Location:

breakdance-fancy-buttons/trunk

Files:

• elements/Fancy_Button/css.twig (modified) (5 diffs)
• elements/Fancy_Button/element.php (modified) (5 diffs)
• plugin.php (modified) (1 diff)
• readme.txt (modified) (2 diffs)

breakdance-fancy-buttons/trunk/elements/Fancy_Button/css.twig

@@ -540 +540 @@
     transition: all 0.25s ease;
     content: "";
-    z-index: 1; /* Ensure pseudo-elements are below the button content */
+    z-index: 0; /* Ensure pseudo-elements are below the button content */
 }
 
@@ -634 +634 @@
     transition: all 0.3s ease;
     z-index: 1; /* Ensure the button content is above any pseudo-elements */
+    background-color: {{ design.design.background_color|default('#fff') }};
 }
 
@@ -644 +645 @@
 }
 
+%%SELECTOR%% .fancybuttondiv:hover {
+    background-color: {{ design.design.background_color_hover|default('#333') }};
+}
+
 %%SELECTOR%% .fancybuttondiv:hover a {
-    animation: marquee  {{ content.fancy_button.marquee_speed }}s linear infinite; /* Adjust the duration (10s) to change the speed */
+    animation: marquee   {{ content.fancy_button.marquee_speed }}s linear infinite; /* Adjust the duration (10s) to change the speed */
     color: {{ design.design.text_color_hover|default('#fff') }};
 }
@@ -654 +659 @@
         transform: translateX(100%); /* Start fully off the right */
     }
-    50% {
-        transform: translateX(0); /* Centered in the viewport */
-    }
     100% {
         transform: translateX(-130%); /* Fully off the left */
@@ -663 +665 @@
 {% endif %}
 
-
-
+/* Typing Effect */
+{% if content.fancy_button.select_effect == 'typing' %}
+%%SELECTOR%% .fancybuttondiv {
+    position: relative;
+    overflow: hidden;
+    white-space: nowrap;
+    transition: all 0.3s ease;
+}
+
+%%SELECTOR%% .fancybuttondiv a {
+    display: inline-block;
+    position: relative;
+    color: {{ design.design.text_color|default('#333') }};
+    animation: typing {{ content.fancy_button.typing_speed|default('5') }}s steps(30, end) infinite, blink 0.75s step-end infinite;
+    overflow: hidden;
+    border-right: 2px solid {{ design.design.text_color|default('#333') }};
+    white-space: nowrap;
+    font-size: 1.5em;
+}
+
+%%SELECTOR%% .fancybuttondiv:hover a {
+    animation: none; /* Stop the animation on hover */
+    color: {{ design.design.text_color_hover|default('#fff') }};
+    border-right: none; /* Remove the cursor on hover */
+}
+
+%%SELECTOR%% .fancybuttondiv:hover {
+    background-color: {{ design.design.background_color_hover|default('#333') }};
+}
+
+/* Keyframes for the typing effect */
+@keyframes typing {
+    0% {
+        width: 0;
+    }
+    50%, 100% {
+        width: 100%;
+    }
+}
+
+@keyframes blink {
+    from, to {
+        border-color: transparent;
+    }
+    50% {
+        border-color: {{ design.design.text_color|default('#333') }};
+    }
+}
+{% endif %}
+
+
+
+/* Wobble Effect */
+{% if content.fancy_button.select_effect == 'wobble' %}
+%%SELECTOR%% .fancybuttondiv {
+    position: relative;
+    display: inline-block;
+    overflow: hidden;
+    transition: all 0.3s ease;
+}
+
+%%SELECTOR%% .fancybuttondiv a {
+    display: inline-block;
+    position: relative;
+    color: {{ design.design.text_color|default('#333') }};
+    transition: color 0.3s ease;
+    z-index: 1;
+}
+
+%%SELECTOR%% .fancybuttondiv:hover {
+    animation: wobble 0.5s ease-in-out;
+}
+
+%%SELECTOR%% .fancybuttondiv:hover a {
+    color: {{ design.design.text_color_hover|default('#fff') }};
+    animation: text-wobble 0.5s ease-in-out;
+}
+
+%%SELECTOR%% .fancybuttondiv:hover {
+    background-color: {{ design.design.background_color_hover|default('#333') }};
+}
+
+/* Keyframes for the wobble effect */
+@keyframes wobble {
+    0%, 100% {
+        transform: rotate(0deg);
+    }
+    25% {
+        transform: rotate(-5deg);
+    }
+    50% {
+        transform: rotate(5deg);
+    }
+    75% {
+        transform: rotate(-3deg);
+    }
+}
+
+/* Keyframes for the text wobble effect */
+@keyframes text-wobble {
+    0%, 100% {
+        transform: translateX(0);
+    }
+    25% {
+        transform: translateX(-3px);
+    }
+    50% {
+        transform: translateX(3px);
+    }
+    75% {
+        transform: translateX(-2px);
+    }
+}
+{% endif %}
+
+/* Marquee Effect 2 */
+{% if content.fancy_button.select_effect == 'marquee2' %}
+%%SELECTOR%% .fancybuttondiv {
+    position: relative;
+    overflow: hidden;
+    white-space: nowrap;
+    transition: all 0.3s ease;
+
+}
+
+%%SELECTOR%% .fancybuttondiv a {
+    display: block;
+    position: relative;
+    color: {{ design.design.text_color|default('#333') }};
+    animation: marquee {{  content.fancy_button.marquee_speed_2 }}s linear infinite;
+    overflow: hidden;
+    white-space: nowrap;
+
+}
+
+%%SELECTOR%% .fancybuttondiv:hover a {
+    animation: none; /* Stop the animation on hover */
+    color: {{ design.design.text_color_hover|default('#fff') }};
+}
+
+%%SELECTOR%% .fancybuttondiv:hover {
+    background-color: {{ design.design.background_color_hover|default('#333') }};
+}
+
+/* Keyframes for the marquee effect */
+@keyframes marquee {
+    0% {
+        transform: translateX(100%);
+    }
+    100% {
+        transform: translateX(-140%);
+    }
+}
+{% endif %}
+

breakdance-fancy-buttons/trunk/elements/Fancy_Button/element.php

@@ -56 +56 @@
     static function slug()
     {
-        return get_class();
+        return __CLASS__;
     }
 
@@ -173 +173 @@
         "Select Effect",
         [],
-        ['type' => 'dropdown', 'layout' => 'vertical', 'items' => ['0' => ['value' => 'slideover', 'text' => 'Slide Over'], '1' => ['text' => 'Slide Down', 'value' => 'slidedown'], '2' => ['text' => 'Diaganol Slide', 'value' => 'diagslide'], '3' => ['text' => 'Slide Up', 'value' => 'slideup'], '4' => ['text' => 'Expand', 'value' => 'borderexpand'], '5' => ['text' => 'Lift Door', 'value' => 'liftdoor'], '6' => ['text' => 'Zoom In', 'value' => 'zoomin'], '7' => ['text' => 'Fade', 'value' => 'fade'], '8' => ['text' => 'Ripple', 'value' => 'ripple'], '9' => ['text' => 'Rotate', 'value' => 'rotate'], '10' => ['text' => 'Glow', 'value' => 'glow'], '11' => ['text' => 'Angle In', 'value' => 'anglein'], '12' => ['text' => 'Curtain Down', 'value' => 'curtaindown'], '13' => ['text' => 'Bounce Down', 'value' => 'bouncedown'], '14' => ['text' => 'Bounce Left', 'value' => 'bounceleft'], '15' => ['text' => 'Arrow In', 'value' => 'angleindouble'], '16' => ['text' => 'Double Take', 'value' => 'doubletake'], '17' => ['text' => 'Radial', 'value' => 'radialexpand'], '18' => ['text' => 'Double Slide', 'value' => 'slideovertopbottom'], '19' => ['text' => 'Inset', 'value' => 'insetshadow'], '20' => ['text' => 'Marquee', 'value' => 'marquee']]],
+        ['type' => 'dropdown', 'layout' => 'vertical', 'items' => [['value' => 'slideover', 'text' => 'Slide Over'], ['text' => 'Slide Down', 'value' => 'slidedown'], ['text' => 'Diaganol Slide', 'value' => 'diagslide'], ['text' => 'Slide Up', 'value' => 'slideup'], ['text' => 'Expand', 'value' => 'borderexpand'], ['text' => 'Lift Door', 'value' => 'liftdoor'], ['text' => 'Zoom In', 'value' => 'zoomin'], ['text' => 'Fade', 'value' => 'fade'], ['text' => 'Ripple', 'value' => 'ripple'], ['text' => 'Rotate', 'value' => 'rotate'], ['text' => 'Glow', 'value' => 'glow'], ['text' => 'Angle In', 'value' => 'anglein'], ['text' => 'Curtain Down', 'value' => 'curtaindown'], ['text' => 'Bounce Down', 'value' => 'bouncedown'], ['text' => 'Bounce Left', 'value' => 'bounceleft'], ['text' => 'Arrow In', 'value' => 'angleindouble'], ['text' => 'Double Take', 'value' => 'doubletake'], ['text' => 'Radial', 'value' => 'radialexpand'], ['text' => 'Double Slide', 'value' => 'slideovertopbottom'], ['text' => 'Inset', 'value' => 'insetshadow'], ['text' => 'Marquee', 'value' => 'marquee'], ['text' => 'Marquee 2', 'value' => 'marquee2'], ['text' => 'Typing', 'value' => 'typing'], ['text' => 'Wobble', 'value' => 'wobble']]],
         false,
         false,
@@ -189 +189 @@
         "Rotate Amount",
         [],
-        ['type' => 'number', 'layout' => 'vertical', 'condition' => ['0' => ['0' => ['path' => 'content.fancy_button.select_effect', 'operand' => 'equals', 'value' => 'rotate']]]],
+        ['type' => 'number', 'layout' => 'vertical', 'condition' => [[['path' => 'content.fancy_button.select_effect', 'operand' => 'equals', 'value' => 'rotate']]]],
         false,
         false,
@@ -197 +197 @@
         "Marquee Speed",
         [],
-        ['type' => 'number', 'layout' => 'vertical', 'condition' => ['0' => ['0' => ['path' => 'content.fancy_button.select_effect', 'operand' => 'equals', 'value' => 'marquee']]]],
+        ['type' => 'dropdown', 'layout' => 'vertical', 'condition' => [[['path' => 'content.fancy_button.select_effect', 'operand' => 'equals', 'value' => 'marquee']]], 'items' => [['value' => '1', 'text' => '1'], ['text' => '2', 'value' => '2'], ['text' => '3', 'value' => '3'], ['text' => '4', 'value' => '4'], ['text' => '5', 'value' => '5'], ['text' => '6', 'value' => '6'], ['text' => '7', 'value' => '7'], ['text' => '8', 'value' => '8'], ['text' => '9', 'value' => '9'], ['text' => '10', 'value' => '10']]],
+        false,
+        false,
+        [],
+      ), c(
+        "typing_speed",
+        "Typing Speed",
+        [],
+        ['type' => 'dropdown', 'layout' => 'vertical', 'rangeOptions' => ['min' => -1, 'step' => 1], 'items' => [['value' => '1', 'text' => '1'], ['text' => '2', 'value' => '2'], ['text' => '3', 'value' => '3'], ['text' => '4', 'value' => '4'], ['text' => '5', 'value' => '5'], ['text' => '6', 'value' => '6'], ['text' => '7', 'value' => '7'], ['text' => '8', 'value' => '8'], ['text' => '9', 'value' => '9'], ['text' => '10', 'value' => '10']], 'condition' => [[['path' => 'content.fancy_button.select_effect', 'operand' => 'equals', 'value' => 'typing']]]],
+        false,
+        false,
+        [],
+      ), c(
+        "marquee_speed_2",
+        "Marquee Speed 2",
+        [],
+        ['type' => 'dropdown', 'layout' => 'vertical', 'items' => [['value' => '1', 'text' => '1'], ['text' => '2', 'value' => '2'], ['text' => '3', 'value' => '3'], ['text' => '4', 'value' => '4'], ['text' => '5', 'value' => '5'], ['text' => '6', 'value' => '6'], ['text' => '7', 'value' => '7'], ['text' => '8', 'value' => '8'], ['text' => '9', 'value' => '9'], ['text' => '10', 'value' => '10']], 'condition' => [[['path' => 'content.fancy_button.select_effect', 'operand' => 'equals', 'value' => 'marquee2']]]],
         false,
         false,
@@ -261 +277 @@
     static function dynamicPropertyPaths()
     {
-        return ['0' => ['accepts' => 'string', 'path' => 'content.fancy_button.button_text'], '1' => ['accepts' => 'string', 'path' => 'content.fancy_button.link'], '2' => ['accepts' => 'string', 'path' => 'content.fancy_button.content.text'], '3' => ['accepts' => 'string', 'path' => 'content.fancy_button.content.link.url'], '4' => ['path' => 'settings.advanced.attributes[].value', 'accepts' => 'string'], '5' => ['path' => 'settings.advanced.attributes[].value', 'accepts' => 'string'], '6' => ['path' => 'settings.advanced.attributes[].value', 'accepts' => 'string']];
+        return [['accepts' => 'string', 'path' => 'content.fancy_button.button_text'], ['accepts' => 'string', 'path' => 'content.fancy_button.link'], ['accepts' => 'string', 'path' => 'content.fancy_button.content.text'], ['accepts' => 'string', 'path' => 'content.fancy_button.content.link.url']];
     }
 

breakdance-fancy-buttons/trunk/plugin.php

@@ -9 +9 @@
  * Text Domain: Breakdance Fancy Buttons
  * Domain Path: /languages/
- * Version: 1.0.0
+ * Version: 1.1.0
  */
 

breakdance-fancy-buttons/trunk/readme.txt

@@ -7 +7 @@
 License: GPLv2 or later
 License URI: [http://www.gnu.org/licenses/gpl-2.0.html](http://www.gnu.org/licenses/gpl-2.0.html)
-Stable tag: 1.0.0
+Stable tag: 1.1.0
 
 A Wordpress plugin that adds a new element to Breakdance builder for fancy button effects
@@ -13 +13 @@
 == Description ==
 
-20 buttons effects in one element for Breakdance
+24 buttons effects in one element for Breakdance