Skip to content
Permalink
Browse files

Plans update

* "Spinning" style added
  • Loading branch information...
sergejey committed Mar 7, 2019
1 parent e1f1eb4 commit eada32cdaef55bd31e403c472dbab11ffb9fb3f3
Showing with 19 additions and 1 deletion.
  1. +1 −0 languages/default.php
  2. +1 −0 languages/ru.php
  3. +1 −0 modules/plans/plans.class.php
  4. +15 −0 templates/plans/basic.css
  5. +1 −1 templates/plans/preview.html
@@ -1342,6 +1342,7 @@
'STYLE_SHOW_IT' => 'Show element',
'STYLE_HIDE_IT' => 'Hide element',
'STYLE_BLINK_IT' => 'Blinking',
'STYLE_SPIN_IT' => 'Spinning',
'STYLE_FADEOUT50' => 'Opacity 50%',
'STYLE_FADEOUT30' => 'Opacity 30%',
'STYLE_FADEOUT10' => 'Opacity 10%',
@@ -1343,6 +1343,7 @@
'STYLE_SHOW_IT' => 'Показать',
'STYLE_HIDE_IT' => 'Спрятать',
'STYLE_BLINK_IT' => 'Моргание',
'STYLE_SPIN_IT' => 'Вращение',
'STYLE_FADEOUT50' => 'Прозрачность 50%',
'STYLE_FADEOUT30' => 'Прозрачность 30%',
'STYLE_FADEOUT10' => 'Прозрачность 10%',
@@ -416,6 +416,7 @@ function getCSSClasses($plan_id) {
$classes[]=array('CLASS'=>'show_it','TITLE'=>LANG_STYLE_SHOW_IT);
$classes[]=array('CLASS'=>'hide_it','TITLE'=>LANG_STYLE_HIDE_IT);
$classes[]=array('CLASS'=>'blink_it','TITLE'=>LANG_STYLE_BLINK_IT);
$classes[]=array('CLASS'=>'spin_it','TITLE'=>LANG_STYLE_SPIN_IT);
$classes[]=array('CLASS'=>'fadeout50','TITLE'=>LANG_STYLE_FADEOUT50);
$classes[]=array('CLASS'=>'fadeout30','TITLE'=>LANG_STYLE_FADEOUT30);
$classes[]=array('CLASS'=>'fadeout10','TITLE'=>LANG_STYLE_FADEOUT10);
@@ -27,10 +27,25 @@
50% { opacity: 0; }
}

@-webkit-keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}

.svg_content .blink_it {
animation: blink 1s linear infinite;
}

.svg_content .spin_it {
transform-box: fill-box;
transform-origin: 50% 50%;
-webkit-animation: rotation 2s infinite linear;
}

.svg_content .hide_it {
display:none;
}
@@ -1,4 +1,4 @@
<link rel="stylesheet" href="<#ROOTHTML#>templates/plans/basic.css">
<link rel="stylesheet" href="<#ROOTHTML#>templates/plans/basic.css?v=2019-03-07">
[#if PLAN_NEED_ZOOM="1"#]
<script type="text/javascript" src="<#ROOTHTML#>3rdparty/hammer/hammer.min.js"></script>
<script type="text/javascript" src="<#ROOTHTML#>3rdparty/svg-pan-zoom/svg-pan-zoom.min.js"></script>

0 comments on commit eada32c

Please sign in to comment.
You can’t perform that action at this time.