Version Description
Download this release
Release Info
Developer | Narinder singh |
Plugin | Timeline Widget For Elementor (Elementor Timeline, Vertical & Horizontal Timeline) |
Version | 1.1.3 |
Comparing to | |
See all releases |
Code changes from version 1.1.2 to 1.1.3
- assets/css/twae-centered-timeline.css +3 -3
- assets/css/twae-centered-timeline.min.css +1 -1
- readme.txt +5 -0
- timeline-widget-addon-for-elementor.php +2 -2
- widgets/editor-layouts/horizontal-template.php +1 -1
- widgets/editor-layouts/vertical-template.php +2 -2
- widgets/frontend-layouts/twae-centered-timeline.php +2 -2
- widgets/frontend-layouts/twae-horizontal-timeline.php +1 -1
- widgets/twae-widget.php +1 -1
assets/css/twae-centered-timeline.css
CHANGED
@@ -118,11 +118,11 @@
|
|
118 |
.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label > span {
|
119 |
display: block;
|
120 |
}
|
121 |
-
.twae-timeline-centered .twae-
|
122 |
font-size: 1em;
|
123 |
font-weight: bold;
|
124 |
}
|
125 |
-
.twae-timeline-centered .twae-
|
126 |
font-size: 0.75em;
|
127 |
margin-top: 5px;
|
128 |
}
|
@@ -162,7 +162,7 @@
|
|
162 |
border: 1px solid rgba(0, 0, 0, 0.05);
|
163 |
}
|
164 |
|
165 |
-
.twae-
|
166 |
border-color: transparent #e9662c transparent transparent;
|
167 |
}
|
168 |
|
118 |
.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label > span {
|
119 |
display: block;
|
120 |
}
|
121 |
+
.twae-timeline-centered .twae-label-extra-label > span:first-child {
|
122 |
font-size: 1em;
|
123 |
font-weight: bold;
|
124 |
}
|
125 |
+
.twae-timeline-centered .twae-label-extra-label > span:last-child {
|
126 |
font-size: 0.75em;
|
127 |
margin-top: 5px;
|
128 |
}
|
162 |
border: 1px solid rgba(0, 0, 0, 0.05);
|
163 |
}
|
164 |
|
165 |
+
.twae-wrapper .twae-data-container:after {
|
166 |
border-color: transparent #e9662c transparent transparent;
|
167 |
}
|
168 |
|
assets/css/twae-centered-timeline.min.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
.twae-vertical:after,.twae-vertical:before{content:"";width:20px;height:20px;background:#222;display:inline-block;border-radius:50%;position:absolute;left:calc(50% - 12px);z-index:9}.twae-vertical:before{top:-10px}.twae-vertical:after{bottom:20px}.twae-timeline-centered{position:relative;margin-bottom:30px;padding-top:20px}.twae-vertical span.twae-year-container:first-child{margin-top:0!important}.twae-timeline-centered.twae-timeline-sm .twae-timeline-entry{margin-bottom:20px!important}.twae-timeline-centered.twae-timeline-sm .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container{padding:.85em}.twae-timeline-centered:after,.twae-timeline-centered:before{content:" ";display:table}.twae-timeline-centered:after{clear:both}.twae-timeline-centered:before{content:'';position:absolute;display:block;width:4px;left:50%;top:0;bottom:0;margin-left:-4px}.twae-timeline-centered .twae-timeline-entry{position:relative;width:50%;float:right;margin-bottom:70px;clear:both}.twae-timeline-centered .twae-timeline-entry:after,.twae-timeline-centered .twae-timeline-entry:before{content:" ";display:table}.twae-timeline-centered .twae-timeline-entry:after{clear:both}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned{float:left}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner{margin-left:0;margin-right:-22px}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-label-extra-label{left:auto;right:-100%;text-align:left}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-icon{float:right}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-data-container{margin-left:0;margin-right:70px}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-data-container:after{left:auto;right:0;margin-left:0;margin-right:-9px;-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner{position:relative;margin-left:-27px}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner:after,.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner:before{content:" ";display:table}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner:after{clear:both}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label{position:absolute;left:-100%;width:100%;text-align:right;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label>span{display:block}.twae-timeline-centered .twae-
|
1 |
+
.twae-vertical:after,.twae-vertical:before{content:"";width:20px;height:20px;background:#222;display:inline-block;border-radius:50%;position:absolute;left:calc(50% - 12px);z-index:9}.twae-vertical:before{top:-10px}.twae-vertical:after{bottom:20px}.twae-timeline-centered{position:relative;margin-bottom:30px;padding-top:20px}.twae-vertical span.twae-year-container:first-child{margin-top:0!important}.twae-timeline-centered.twae-timeline-sm .twae-timeline-entry{margin-bottom:20px!important}.twae-timeline-centered.twae-timeline-sm .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container{padding:.85em}.twae-timeline-centered:after,.twae-timeline-centered:before{content:" ";display:table}.twae-timeline-centered:after{clear:both}.twae-timeline-centered:before{content:'';position:absolute;display:block;width:4px;left:50%;top:0;bottom:0;margin-left:-4px}.twae-timeline-centered .twae-timeline-entry{position:relative;width:50%;float:right;margin-bottom:70px;clear:both}.twae-timeline-centered .twae-timeline-entry:after,.twae-timeline-centered .twae-timeline-entry:before{content:" ";display:table}.twae-timeline-centered .twae-timeline-entry:after{clear:both}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned{float:left}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner{margin-left:0;margin-right:-22px}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-label-extra-label{left:auto;right:-100%;text-align:left}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-icon{float:right}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-data-container{margin-left:0;margin-right:70px}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-data-container:after{left:auto;right:0;margin-left:0;margin-right:-9px;-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner{position:relative;margin-left:-27px}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner:after,.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner:before{content:" ";display:table}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner:after{clear:both}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label{position:absolute;left:-100%;width:100%;text-align:right;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label>span{display:block}.twae-timeline-centered .twae-label-extra-label>span:first-child{font-size:1em;font-weight:700}.twae-timeline-centered .twae-label-extra-label>span:last-child{font-size:.75em;margin-top:5px}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-icon{display:block;width:48px;height:48px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;border-radius:50%;text-align:center;border:4px solid;line-height:0;font-size:0;float:left;padding:0}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-icon i{line-height:38px;font-size:22px}.twae-vertical .twae-timeline-centered .twae-data-container{display:flow-root}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container{position:relative;padding:1.7em;margin-left:70px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-shadow:0 2px 8px -2px rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.05)}.twae-wrapper .twae-data-container:after{border-color:transparent #e9662c transparent transparent}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container:after{content:'';display:block;position:absolute;width:0;height:0;border-style:solid;border-width:9px 9px 9px 0;left:0;top:14px;margin-left:-9px}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container .twae-title,.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container p{margin:0}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container p+p{margin-top:15px}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container .twae-title{margin-bottom:10px;font-weight:700;display:inline-block;width:100%}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container .twae-title span{-webkit-opacity:.6;-moz-opacity:.6;opacity:.6}.twae-timeline-centered .twae-timeline-entry .twae-data-container .twae-timeline-img img{float:left;padding:0 5px 0 0}.twae-timeline-centered .twae-year-container .twae-year-label{border-radius:6px;display:inline-block;font-size:20px;font-weight:600;line-height:1;padding:7px 14px;text-align:center;vertical-align:baseline;white-space:nowrap}.twae-timeline-centered .twae-year-container{position:relative;float:left;clear:left;width:50%;margin-top:20px;margin-bottom:20px;top:1px;width:100%;margin-left:auto;margin-right:auto;padding:0;text-align:center}.twae-timeline-centered .twae-year-container:after,.twae-timeline-centered .twae-year-container:before{content:"";display:table}.twae-timeline-centered .twae-year-container:after{clear:both}.twae-vertical .twae-timeline-centered .twae-year{border:2px solid}@media only screen and (max-width:768px){.twae-vertical:after,.twae-vertical:before{left:10px}.twae-timeline-centered:before{left:22px}.twae-timeline-centered .twae-year-container{padding-left:54px;text-align:left;margin-bottom:5px;margin-top:20px}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner{margin-left:0}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner{margin-right:0}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label{position:relative;left:0;text-align:left;display:inline-block;width:100%;padding-left:54px}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-label-extra-label{right:0}.twae-timeline-centered .twae-timeline-entry{width:100%}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-icon{width:40px;height:40px;line-height:28px;font-size:18px!important}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-icon i{font-size:18px!important;line-height:31px}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-icon{float:left}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container,.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-data-container{margin-left:54px;margin-right:0;border-right:1px solid rgba(0,0,0,.05)!important}.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container:after{top:10px}.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-data-container:after{left:0;right:auto;margin-left:-9px;margin-right:0;-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@media only screen and (min-width:769px){.twae-timeline-centered.twae-one-sided-timeline:before{left:24%}.twae-timeline-centered.twae-one-sided-timeline .twae-year-container{text-align:right;padding-right:80%}.twae-timeline-centered.twae-one-sided-timeline .twae-timeline-entry{width:100%;float:left}.twae-timeline-centered.twae-one-sided-timeline .twae-timeline-entry .twae-timeline-entry-inner{margin-left:0}.twae-timeline-centered.twae-one-sided-timeline .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container{margin-left:31%}.twae-timeline-centered.twae-one-sided-timeline .twae-timeline-entry .twae-timeline-entry-inner .twae-icon{margin-left:calc(24% - 25px)}.twae-timeline-centered.twae-one-sided-timeline .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label{left:-2%;width:22%}.twae-vertical.twae-one-sided-wrapper:after,.twae-vertical.twae-one-sided-wrapper:before{left:calc(23% - 4px)}}
|
readme.txt
CHANGED
@@ -71,6 +71,11 @@ You can show your stories, events, appointments, concerts, future & history happ
|
|
71 |
1. Elementor Timeline Widget Addon Preview
|
72 |
|
73 |
== Changelog ==
|
|
|
|
|
|
|
|
|
|
|
74 |
<strong>Version 1.1.2 | 21 AUG 2020</strong>
|
75 |
<pre>
|
76 |
Fixed: Conflict with Image Carousel widget
|
71 |
1. Elementor Timeline Widget Addon Preview
|
72 |
|
73 |
== Changelog ==
|
74 |
+
<strong>Version 1.1.3 | 26 AUG 2020</strong>
|
75 |
+
<pre>
|
76 |
+
Fixed:- Compatibility issue with elementor version 3.0.1
|
77 |
+
Fixed: Style issues
|
78 |
+
</pre>
|
79 |
<strong>Version 1.1.2 | 21 AUG 2020</strong>
|
80 |
<pre>
|
81 |
Fixed: Conflict with Image Carousel widget
|
timeline-widget-addon-for-elementor.php
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
* Plugin Name: Timeline Widget Addon For Elementor
|
4 |
* Description: Timeline Widget Addon For Elementor create a beautiful timeline in page and post.
|
5 |
* Plugin URI: https://coolplugins.net
|
6 |
-
* Version: 1.1.
|
7 |
* Author: Cool Plugins
|
8 |
* Author URI: https://coolplugins.net/
|
9 |
* Text Domain: twae
|
@@ -18,7 +18,7 @@ if (defined('TWAE_VERSION')) {
|
|
18 |
return;
|
19 |
}
|
20 |
|
21 |
-
define('TWAE_VERSION', '1.1.
|
22 |
define('TWAE_FILE', __FILE__);
|
23 |
define('TWAE_PATH', plugin_dir_path(TWAE_FILE));
|
24 |
define('TWAE_URL', plugin_dir_url(TWAE_FILE));
|
3 |
* Plugin Name: Timeline Widget Addon For Elementor
|
4 |
* Description: Timeline Widget Addon For Elementor create a beautiful timeline in page and post.
|
5 |
* Plugin URI: https://coolplugins.net
|
6 |
+
* Version: 1.1.3
|
7 |
* Author: Cool Plugins
|
8 |
* Author URI: https://coolplugins.net/
|
9 |
* Text Domain: twae
|
18 |
return;
|
19 |
}
|
20 |
|
21 |
+
define('TWAE_VERSION', '1.1.3');
|
22 |
define('TWAE_FILE', __FILE__);
|
23 |
define('TWAE_PATH', plugin_dir_path(TWAE_FILE));
|
24 |
define('TWAE_URL', plugin_dir_url(TWAE_FILE));
|
widgets/editor-layouts/horizontal-template.php
CHANGED
@@ -28,7 +28,7 @@
|
|
28 |
<span class="twae-label">{{{ item.twae_date_label }}}</span>
|
29 |
<span class="twae-extra-label">{{{ item.twae_extra_label }}}</span>
|
30 |
</div></div>
|
31 |
-
<div class="twae-
|
32 |
<# if ( twaeiconHTML && twaeiconHTML.rendered ) { #>
|
33 |
{{{ twaeiconHTML.value }}}
|
34 |
<# } else { #>
|
28 |
<span class="twae-label">{{{ item.twae_date_label }}}</span>
|
29 |
<span class="twae-extra-label">{{{ item.twae_extra_label }}}</span>
|
30 |
</div></div>
|
31 |
+
<div class="twae-icon">
|
32 |
<# if ( twaeiconHTML && twaeiconHTML.rendered ) { #>
|
33 |
{{{ twaeiconHTML.value }}}
|
34 |
<# } else { #>
|
widgets/editor-layouts/vertical-template.php
CHANGED
@@ -43,7 +43,7 @@
|
|
43 |
<span class="twae-label">{{{ item.twae_date_label }}}</span>
|
44 |
<span class="twae-extra-label">{{{ item.twae_extra_label }}}</span>
|
45 |
</time>
|
46 |
-
<div class="twae-
|
47 |
<# if ( twaeiconHTML && twaeiconHTML.rendered ) { #>
|
48 |
{{{ twaeiconHTML.value }}}
|
49 |
<# } else { #>
|
@@ -51,7 +51,7 @@
|
|
51 |
<# } #>
|
52 |
|
53 |
</div>
|
54 |
-
<div class="twae-
|
55 |
<span class="twae-title">{{{ item.twae_story_title}}}</span>
|
56 |
<div class="twae-timeline-img"><img src="{{{ image_url }}}" /></div>
|
57 |
<div class="twae-description">{{{ item.twae_description }}}</div>
|
43 |
<span class="twae-label">{{{ item.twae_date_label }}}</span>
|
44 |
<span class="twae-extra-label">{{{ item.twae_extra_label }}}</span>
|
45 |
</time>
|
46 |
+
<div class="twae-icon">
|
47 |
<# if ( twaeiconHTML && twaeiconHTML.rendered ) { #>
|
48 |
{{{ twaeiconHTML.value }}}
|
49 |
<# } else { #>
|
51 |
<# } #>
|
52 |
|
53 |
</div>
|
54 |
+
<div class="twae-data-container">
|
55 |
<span class="twae-title">{{{ item.twae_story_title}}}</span>
|
56 |
<div class="twae-timeline-img"><img src="{{{ image_url }}}" /></div>
|
57 |
<div class="twae-description">{{{ item.twae_description }}}</div>
|
widgets/frontend-layouts/twae-centered-timeline.php
CHANGED
@@ -49,10 +49,10 @@ echo '
|
|
49 |
<span class="twae-label">'.$story_date_label.'</span>
|
50 |
<span class="twae-extra-label">'.$story_extra_label.'</span>
|
51 |
</time>
|
52 |
-
<div class="twae-
|
53 |
\Elementor\Icons_Manager::render_icon( $content['twae_story_icon'], [ 'aria-hidden' => 'true' ] );
|
54 |
echo'</div>
|
55 |
-
<div class="twae-
|
56 |
<span class="twae-title">'.$timeline_story_title.'</span>
|
57 |
'.$image.'
|
58 |
<div class="twae-description">'.$timeline_description.'</div>
|
49 |
<span class="twae-label">'.$story_date_label.'</span>
|
50 |
<span class="twae-extra-label">'.$story_extra_label.'</span>
|
51 |
</time>
|
52 |
+
<div class="twae-icon">';
|
53 |
\Elementor\Icons_Manager::render_icon( $content['twae_story_icon'], [ 'aria-hidden' => 'true' ] );
|
54 |
echo'</div>
|
55 |
+
<div class="twae-data-container">
|
56 |
<span class="twae-title">'.$timeline_story_title.'</span>
|
57 |
'.$image.'
|
58 |
<div class="twae-description">'.$timeline_description.'</div>
|
widgets/frontend-layouts/twae-horizontal-timeline.php
CHANGED
@@ -44,7 +44,7 @@ echo '<div id="twae-horizontal-wrapper" class="twae-wrapper twae-horizontal swip
|
|
44 |
<span class="twae-label">'.$story_date_label.'</span>
|
45 |
<span class="twae-extra-label">'.$story_extra_label.'</span>
|
46 |
</div></div>
|
47 |
-
<div class="twae-
|
48 |
\Elementor\Icons_Manager::render_icon( $content['twae_story_icon'], [ 'aria-hidden' => 'true' ] );
|
49 |
echo'</div>';
|
50 |
echo '<div class="twae-story-info">
|
44 |
<span class="twae-label">'.$story_date_label.'</span>
|
45 |
<span class="twae-extra-label">'.$story_extra_label.'</span>
|
46 |
</div></div>
|
47 |
+
<div class="twae-icon">';
|
48 |
\Elementor\Icons_Manager::render_icon( $content['twae_story_icon'], [ 'aria-hidden' => 'true' ] );
|
49 |
echo'</div>';
|
50 |
echo '<div class="twae-story-info">
|
widgets/twae-widget.php
CHANGED
@@ -569,7 +569,7 @@ class TWAE_Widget extends \Elementor\Widget_Base {
|
|
569 |
|
570 |
'label' => __( 'Timeline Widget Addon For Elementor', 'twae' ),
|
571 |
'type' => \Elementor\Controls_Manager::REPEATER,
|
572 |
-
'fields' =>
|
573 |
'default' => [
|
574 |
[
|
575 |
'twae_story_title' => __( 'Amazon Founded', 'twae' ),
|
569 |
|
570 |
'label' => __( 'Timeline Widget Addon For Elementor', 'twae' ),
|
571 |
'type' => \Elementor\Controls_Manager::REPEATER,
|
572 |
+
'fields' => $repeater->get_controls(),
|
573 |
'default' => [
|
574 |
[
|
575 |
'twae_story_title' => __( 'Amazon Founded', 'twae' ),
|