From dfe072cf79798f5dde1d7458849a3b0c6ecf97d5 Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Thu, 10 Nov 2016 17:50:38 +0100
Subject: [PATCH] [FIX] website: adapt parallax extensions to 10.0 refactoring

The s_parallax snippet was refactored in 10.0 but this refactoring
broke some snippet extensions such as the s_parallax_slider.
This made the texts disappear once the snippet was resized.
---
 .../static/src/less/website.edit_mode.less    |  2 +-
 .../static/src/less/website.snippets.less     | 31 +++++++++++--------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/addons/website/static/src/less/website.edit_mode.less b/addons/website/static/src/less/website.edit_mode.less
index c65d19e33a6..9f509eec230 100644
--- a/addons/website/static/src/less/website.edit_mode.less
+++ b/addons/website/static/src/less/website.edit_mode.less
@@ -105,7 +105,7 @@ table.editorbar-panel {
 }
 
 // parallax dropzones are in conflict with outside of parallax dropzones
-.parallax > .oe_structure > .oe_drop_zone {
+.parallax .oe_structure > .oe_drop_zone {
     &:first-child {
         top: 16px;
     }
diff --git a/addons/website/static/src/less/website.snippets.less b/addons/website/static/src/less/website.snippets.less
index 1c16053b017..803207fd8dc 100644
--- a/addons/website/static/src/less/website.snippets.less
+++ b/addons/website/static/src/less/website.snippets.less
@@ -393,8 +393,26 @@ div.carousel {
 
 .parallax {
     position: relative;
+
+    .oe_structure {
+        > :first-child {
+            margin-top: 32px;
+        }
+        > :last-child {
+            margin-bottom: 32px;
+        }
+    }
+}
+
+.s_parallax {
     min-height: 200px;
 
+    > .oe_structure {
+        display: inline-block;
+        width: 100%;
+        vertical-align: middle;
+    }
+
     &::before {
         content: "";
         display: inline-block;
@@ -403,17 +421,4 @@ div.carousel {
         height: 100%;
         vertical-align: middle;
     }
-
-    > .oe_structure {
-        display: inline-block;
-        width: 100%;
-        vertical-align: middle;
-
-        > :first-child {
-            margin-top: 32px;
-        }
-        > :last-child {
-            margin-bottom: 32px;
-        }
-    }
 }