Ditty News Ticker - Version 2.1.26

Version Description

  • RTL bug fix for scrolling right tickers
Download this release

Release Info

Developer metaphorcreations
Plugin Icon 128x128 Ditty News Ticker
Version 2.1.26
Comparing to
See all releases

Code changes from version 2.1.25 to 2.1.26

Files changed (5) hide show
  1. assets/css/style.css +40 -12
  2. assets/js/ditty-news-ticker.js +2 -0
  3. assets/sass/style.scss +5 -0
  4. ditty-news-ticker.php +2 -2
  5. readme.txt +4 -1
assets/css/style.css CHANGED
@@ -9,6 +9,10 @@
9
  .mtphr-dnt-inline-title {
10
  float: left;
11
  padding-right: 5px; }
 
 
 
 
12
 
13
  .mtphr-dnt-tick-container {
14
  position: relative; }
@@ -126,8 +130,10 @@
126
  font-size: 30px;
127
  color: #FFF;
128
  margin: -15px 0 0 -15px;
129
- -webkit-animation: mtphr-dnt-spinner-rotation .8s infinite linear;
130
- animation: mtphr-dnt-spinner-rotation .8s infinite linear; }
 
 
131
 
132
  @-webkit-keyframes mtphr-dnt-spinner-rotation {
133
  from {
@@ -135,13 +141,23 @@
135
  to {
136
  -webkit-transform: rotate(359deg); } }
137
 
 
 
 
 
 
 
 
 
 
 
 
 
138
  @keyframes mtphr-dnt-spinner-rotation {
139
  from {
140
- -webkit-transform: rotate(0deg);
141
- transform: rotate(0deg); }
142
  to {
143
- -webkit-transform: rotate(359deg);
144
- transform: rotate(359deg); } }
145
 
146
  /* --------------------------------------------------------- */
147
  /* !Images */
@@ -158,10 +174,12 @@
158
  margin-top: 0; }
159
  .mtphr-dnt-image-container > *:last-child {
160
  margin-bottom: 0; }
161
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-photo, .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-photo {
 
162
  margin-top: 0;
163
  margin-bottom: 0; }
164
- .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-caption, .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-caption {
 
165
  position: absolute;
166
  left: 0;
167
  bottom: 0;
@@ -179,7 +197,8 @@
179
  display: block; }
180
  .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover .mtphr-dnt-image-caption {
181
  opacity: 0;
182
- transition: opacity .25s ease; }
 
183
  .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover:hover .mtphr-dnt-image-caption {
184
  opacity: 1; }
185
  .mtphr-dnt-image-container .mtphr-dnt-image-photo {
@@ -238,7 +257,10 @@
238
 
239
  .mtphr-dnt-nav-hide {
240
  opacity: 0;
241
- transition: opacity .3s linear; }
 
 
 
242
 
243
  .mtphr-dnt-tick-container:hover .mtphr-dnt-nav-hide {
244
  opacity: 1; }
@@ -305,7 +327,8 @@
305
  background-color: #333;
306
  border-radius: 20px;
307
  opacity: .8;
308
- transition: opacity .25s ease; }
 
309
  .mtphr-dnt-play-pause i:before {
310
  vertical-align: middle; }
311
  .mtphr-dnt-play-pause i.mtphr-dnt-icon-play {
@@ -327,12 +350,17 @@
327
  color: #666;
328
  background: #FFF;
329
  padding: 6px 8px 4px 7px;
 
 
330
  border-radius: 5px;
331
  filter: alpha(opacity=50);
332
  -moz-opacity: .5;
333
  -khtml-opacity: .5;
334
  opacity: .5;
335
- transition: opacity .2s linear; }
 
 
 
336
 
337
  .mtphr-dnt-edit-link:hover {
338
  color: #666;
9
  .mtphr-dnt-inline-title {
10
  float: left;
11
  padding-right: 5px; }
12
+ .rtl .mtphr-dnt-inline-title {
13
+ float: right;
14
+ padding-right: 0;
15
+ padding-left: 5px; }
16
 
17
  .mtphr-dnt-tick-container {
18
  position: relative; }
130
  font-size: 30px;
131
  color: #FFF;
132
  margin: -15px 0 0 -15px;
133
+ -webkit-animation: mtphr-dnt-spinner-rotation 0.8s infinite linear;
134
+ -moz-animation: mtphr-dnt-spinner-rotation 0.8s infinite linear;
135
+ -o-animation: mtphr-dnt-spinner-rotation 0.8s infinite linear;
136
+ animation: mtphr-dnt-spinner-rotation 0.8s infinite linear; }
137
 
138
  @-webkit-keyframes mtphr-dnt-spinner-rotation {
139
  from {
141
  to {
142
  -webkit-transform: rotate(359deg); } }
143
 
144
+ @-moz-keyframes mtphr-dnt-spinner-rotation {
145
+ from {
146
+ -moz-transform: rotate(0deg); }
147
+ to {
148
+ -moz-transform: rotate(359deg); } }
149
+
150
+ @-o-keyframes mtphr-dnt-spinner-rotation {
151
+ from {
152
+ -o-transform: rotate(0deg); }
153
+ to {
154
+ -o-transform: rotate(359deg); } }
155
+
156
  @keyframes mtphr-dnt-spinner-rotation {
157
  from {
158
+ transform: rotate(0deg); }
 
159
  to {
160
+ transform: rotate(359deg); } }
 
161
 
162
  /* --------------------------------------------------------- */
163
  /* !Images */
174
  margin-top: 0; }
175
  .mtphr-dnt-image-container > *:last-child {
176
  margin-bottom: 0; }
177
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-photo,
178
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-photo {
179
  margin-top: 0;
180
  margin-bottom: 0; }
181
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-top .mtphr-dnt-image-caption,
182
+ .mtphr-dnt-image-container.mtphr-dnt-image-caption-bottom .mtphr-dnt-image-caption {
183
  position: absolute;
184
  left: 0;
185
  bottom: 0;
197
  display: block; }
198
  .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover .mtphr-dnt-image-caption {
199
  opacity: 0;
200
+ -webkit-transition: opacity 0.25s ease;
201
+ transition: opacity 0.25s ease; }
202
  .mtphr-dnt-image-container.mtphr-dnt-image-caption-hover:hover .mtphr-dnt-image-caption {
203
  opacity: 1; }
204
  .mtphr-dnt-image-container .mtphr-dnt-image-photo {
257
 
258
  .mtphr-dnt-nav-hide {
259
  opacity: 0;
260
+ -webkit-transition: opacity 0.3s linear;
261
+ -moz-transition: opacity 0.3s linear;
262
+ -o-transition: opacity 0.3s linear;
263
+ transition: opacity 0.3s linear; }
264
 
265
  .mtphr-dnt-tick-container:hover .mtphr-dnt-nav-hide {
266
  opacity: 1; }
327
  background-color: #333;
328
  border-radius: 20px;
329
  opacity: .8;
330
+ -webkit-transition: opacity 0.25s ease;
331
+ transition: opacity 0.25s ease; }
332
  .mtphr-dnt-play-pause i:before {
333
  vertical-align: middle; }
334
  .mtphr-dnt-play-pause i.mtphr-dnt-icon-play {
350
  color: #666;
351
  background: #FFF;
352
  padding: 6px 8px 4px 7px;
353
+ -webkit-border-radius: 5px;
354
+ -moz-border-radius: 5px;
355
  border-radius: 5px;
356
  filter: alpha(opacity=50);
357
  -moz-opacity: .5;
358
  -khtml-opacity: .5;
359
  opacity: .5;
360
+ -webkit-transition: opacity 0.2s linear;
361
+ -moz-transition: opacity 0.2s linear;
362
+ -o-transition: opacity 0.2s linear;
363
+ transition: opacity 0.2s linear; }
364
 
365
  .mtphr-dnt-edit-link:hover {
366
  color: #666;
assets/js/ditty-news-ticker.js CHANGED
@@ -464,9 +464,11 @@
464
  case 'right':
465
  //console.log(settings.offset);
466
  position = parseInt('-'+($tick.width()+settings.offset));
 
467
  if( mtphr_dnt_vars.is_rtl ) {
468
  position = parseInt('-'+($tick.width()+(ticker_width/2)));
469
  }
 
470
  $tick.stop(true,true).css('left',position+'px');
471
  break;
472
 
464
  case 'right':
465
  //console.log(settings.offset);
466
  position = parseInt('-'+($tick.width()+settings.offset));
467
+ /*
468
  if( mtphr_dnt_vars.is_rtl ) {
469
  position = parseInt('-'+($tick.width()+(ticker_width/2)));
470
  }
471
+ */
472
  $tick.stop(true,true).css('left',position+'px');
473
  break;
474
 
assets/sass/style.scss CHANGED
@@ -11,6 +11,11 @@
11
  .mtphr-dnt-inline-title {
12
  float: left;
13
  padding-right: 5px;
 
 
 
 
 
14
  }
15
  .mtphr-dnt-tick-container {
16
  position: relative;
11
  .mtphr-dnt-inline-title {
12
  float: left;
13
  padding-right: 5px;
14
+ .rtl & {
15
+ float: right;
16
+ padding-right: 0;
17
+ padding-left: 5px;
18
+ }
19
  }
20
  .mtphr-dnt-tick-container {
21
  position: relative;
ditty-news-ticker.php CHANGED
@@ -5,7 +5,7 @@ Plugin URI: http://dittynewsticker.com/
5
  Description: Ditty News Ticker is a multi-functional data display plugin
6
  Text Domain: ditty-news-ticker
7
  Domain Path: languages
8
- Version: 2.1.25
9
  Author: Metaphor Creations
10
  Author URI: http://www.metaphorcreations.com
11
  Contributors: metaphorcreations
@@ -31,7 +31,7 @@ Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
31
 
32
 
33
 
34
- define( 'MTPHR_DNT_VERSION', '2.1.25' );
35
  define( 'MTPHR_DNT_DIR', trailingslashit(plugin_dir_path( __FILE__ )) );
36
  define( 'MTPHR_DNT_FILE', trailingslashit( __FILE__ ) );
37
  define( 'MTPHR_DNT_STORE_URL', 'https://www.metaphorcreations.com' );
5
  Description: Ditty News Ticker is a multi-functional data display plugin
6
  Text Domain: ditty-news-ticker
7
  Domain Path: languages
8
+ Version: 2.1.26
9
  Author: Metaphor Creations
10
  Author URI: http://www.metaphorcreations.com
11
  Contributors: metaphorcreations
31
 
32
 
33
 
34
+ define( 'MTPHR_DNT_VERSION', '2.1.26' );
35
  define( 'MTPHR_DNT_DIR', trailingslashit(plugin_dir_path( __FILE__ )) );
36
  define( 'MTPHR_DNT_FILE', trailingslashit( __FILE__ ) );
37
  define( 'MTPHR_DNT_STORE_URL', 'https://www.metaphorcreations.com' );
readme.txt CHANGED
@@ -72,6 +72,9 @@ The most common cause for an unresponsive ticker (when using scroll or rotate mo
72
 
73
  == Changelog ==
74
 
 
 
 
75
  = 2.1.25 =
76
  * Minor admin css update
77
 
@@ -482,4 +485,4 @@ The most common cause for an unresponsive ticker (when using scroll or rotate mo
482
 
483
  == Upgrade Notice ==
484
 
485
- Minor admin css update
72
 
73
  == Changelog ==
74
 
75
+ = 2.1.26 =
76
+ * RTL bug fix for scrolling right tickers
77
+
78
  = 2.1.25 =
79
  * Minor admin css update
80
 
485
 
486
  == Upgrade Notice ==
487
 
488
+ RTL bug fix for scrolling right tickers