mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
Jeremy Kersten
66 lines
4.0 KiB
XML
66 lines
4.0 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<template id="no-js_fallback" inherit_id="website.layout">
|
|
<xpath expr="//head" position="inside">
|
|
<noscript id="o_animate-no-js_fallback">
|
|
<style type="text/css">
|
|
.o_animate {
|
|
/* If no js - force elements rendering */
|
|
visibility:visible;
|
|
|
|
/* If browser support css animations support - reset animation */
|
|
-webkit-animation-name: none-dummy;
|
|
animation-name: none-dummy;
|
|
}
|
|
</style>
|
|
</noscript>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="o_animate_options" inherit_id="website.snippet_options">
|
|
<xpath expr="." position="inside">
|
|
<div data-js="o_animate"
|
|
data-selector=".o_animable, section, img, .fa, [class^='col-md'], .btn"
|
|
data-exclude=".o_not-animable">
|
|
<we-select string="Animate" class="o_anim_li" data-is-animation-type-selection="true">
|
|
<we-button data-select-class="" data-name="no_animation_opt">Disable animation</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_fade_in">Fade In</we-button>
|
|
<we-button data-select-class="o_anim_fade_in_down">Fade In-Down</we-button>
|
|
<we-button data-select-class="o_anim_fade_in_left">Fade In-Left</we-button>
|
|
<we-button data-select-class="o_anim_fade_in_right">Fade In-Right</we-button>
|
|
<we-button data-select-class="o_anim_fade_in_up">Fade In-Up</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_bounce_in">Bounce In</we-button>
|
|
<we-button data-select-class="o_anim_bounce_in_down">Bounce In-Down</we-button>
|
|
<we-button data-select-class="o_anim_bounce_in_left">Bounce In-Left</we-button>
|
|
<we-button data-select-class="o_anim_bounce_in_right">Bounce In-Right</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_rotate_in">Rotate In</we-button>
|
|
<we-button data-select-class="o_anim_rotate_in_down_left">Rotate In-Down-Left</we-button>
|
|
<we-button data-select-class="o_anim_rotate_in_down_right">Rotate In-Down-Right</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_zoom_in">Zoom In</we-button>
|
|
<we-button data-select-class="o_anim_zoom_in_down">Zoom In-Down</we-button>
|
|
<we-button data-select-class="o_anim_zoom_in_left">Zoom In-Left</we-button>
|
|
<we-button data-select-class="o_anim_zoom_in_right">Zoom In-Right</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_flash">Flash</we-button>
|
|
<we-button data-select-class="o_anim_pulse">Pulse</we-button>
|
|
<we-button data-select-class="o_anim_shake">Shake</we-button>
|
|
<we-button data-select-class="o_anim_tada">Tada</we-button>
|
|
<we-divider/>
|
|
<we-button data-select-class="o_anim_flip_in_x">Flip-In-X</we-button>
|
|
<we-button data-select-class="o_anim_flip_in_y">Flip-In-Y</we-button>
|
|
</we-select>
|
|
<we-input string="Animation Duration" data-dependencies="!no_animation_opt"
|
|
data-select-style="0.4s" data-css-property="animation-duration" data-unit="s"/>
|
|
<we-input string="Animation Delay" data-dependencies="!no_animation_opt"
|
|
data-select-style="0s" data-css-property="animation-delay" data-unit="s"/>
|
|
<we-checkbox string="Each time it becomes visible" data-dependencies="!no_animation_opt"
|
|
data-select-class="o_animate_both_scroll"/>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
</odoo>
|