From d0993c19adc421dc3dd4edd0dacda045e07d5cbb Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Tue, 7 Jun 2016 17:03:42 +0200
Subject: [IMP] web_tour: tip animation

* Improve the JS/LESS so that its content makes the tip grow
with a bubble effect (instead of using a popover).
* Avoid flickering when the mouse leave/enter the tip or move
between the tip and its anchor element.
* Use text-align:left instead of justify
* Set the content width in JS (to a larger width) to be customizable
* Round LESS variable to avoid values like 266.6666666666
* Set opening direction according to viewport:
  - Top and bottom tips open towards the right except if they overflow
    the window on this right
  - Left and right tips open towards the bottom except if they overflow
    the window on this bottom
* Improve the 'Skip these steps' mechanism (which is easier as we don't
  use bootstrap's popover anymore)
---
 addons/web_tour/static/src/xml/tip.xml | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'addons/web_tour/static/src/xml/tip.xml')

diff --git a/addons/web_tour/static/src/xml/tip.xml b/addons/web_tour/static/src/xml/tip.xml
index b8109646dcd..8874b5b72e8 100644
--- a/addons/web_tour/static/src/xml/tip.xml
+++ b/addons/web_tour/static/src/xml/tip.xml
@@ -1,10 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <templates id="template" xml:space="preserve">
-
-<t t-name="Tip">
-    <div class="o_tooltip">
-        <div t-attf-class="o_breathing #{widget.info.position}"/>
+    <div t-name="Tip" t-attf-class="o_tooltip #{widget.info.position}">
+        <div class="o_tooltip_overlay"/>
+        <div class="o_tooltip_content" t-attf-style="width: #{widget.info.width}px;">
+            <t t-raw="widget.info.content"/>
+        </div>
     </div>
-</t>
-
 </templates>
-- 
cgit v1.2.3