[IMP]Added full size in parallax size options.

bzr revid: bth@tinyerp.com-20131022105056-g9rq4gjqsea0c1ey

3 files changed, 22 insertions, 8 deletions

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 56360ff95a9..238a1de30b7 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -371,7 +371,14 @@ footer {
 .parallax.oe_big {
   height: 450px;
 }
-
+.parallax.oe_full {
+  height: 600px;
+  width: 1350px;
+  z-index: -1000;
+  margin-left: -105px;
+  margin-right: 0px;
+  padding-right: 0px;
+}
 /* -- Hack for removing double scrollbar from mobile preview -- */
 div#mobile-preview.modal {
   overflow: hidden;
@@ -439,6 +446,6 @@ a[data-publish][data-publish='on']:hover .css_published {
   background: rgba(150, 150, 220, 0.3);
 }
 
-.pt90 {
-  padding-top: 90px;
+.pt60 {
+  padding-top: 60px;
 }
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index d355e818cdb..456e68df686 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -284,7 +284,13 @@ footer
         height: 300px
     &.oe_big
         height: 450px
-
+    &.oe_full
+        height: 600px
+        width: 1350px
+        z-index: -1000
+        margin-left: -105px
+        margin-right: 0px
+        padding-right: 0px
 /* -- Hack for removing double scrollbar from mobile preview -- */
 div#mobile-preview.modal
     overflow: hidden
diff --git a/addons/website/static/src/js/website.snippets.js b/addons/website/static/src/js/website.snippets.js
index e411ee7065c..32d1ef9f55a 100644
--- a/addons/website/static/src/js/website.snippets.js
+++ b/addons/website/static/src/js/website.snippets.js
@@ -1226,14 +1226,15 @@
         },
         change_size: function () {
             var self = this;
-            var $el = $('.oe_big,.oe_medium,.oe_small', this.$target);
+            var $el = $('.oe_full, .oe_big,.oe_medium,.oe_small', this.$target);
 
             var size = 'oe_big';
             if ($el.hasClass('oe_small'))
                 size = 'oe_small';
             else if ($el.hasClass('oe_medium'))
                 size = 'oe_medium';
-
+            else if ($el.hasClass('oe_full'))
+                size = 'oe_full';
             var $ul = this.$editor.find('ul[name="parallax-size"]');
             var $li = $ul.find("li");
 
@@ -1244,11 +1245,11 @@
                     $(this).addClass("active");
                 })
                 .on('mouseover', function (event) {
-                    $el.removeClass('oe_big oe_small oe_medium');
+                    $el.removeClass('oe_big oe_small oe_medium oe_full');
                     $el.addClass($(event.currentTarget).data("value"));
                 })
                 .on('mouseout', function (event) {
-                    $el.removeClass('oe_big oe_small oe_medium');
+                    $el.removeClass('oe_big oe_small oe_medium oe_full');
                     $el.addClass($ul.find('li.active').data("value"));
                 });
         }