pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] website: snippet: display baner in mobile view; background cover insead of 100%; paralax scrolling

Browse Source 
bzr revid: chm@openerp.com-20140207133712-srtik2knhwyybgse
This commit is contained in:
Christophe Matthieu
2014-02-07 14:37:12 +01:00
parent 1b0ce7052e
commit 76841f14e4
3 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/static/src/css/website.css
+8 -7
View File
@@ -1,3 +1,4 @@
@charset "utf-8";
/* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
*
* css for editor buttons, openerp widget included in the website and other
@@ -281,12 +282,16 @@ ul.nav-stacked > li > a {
}
/* ---- SNIPPETS --- */
.oe_img_bg {
background-size: 100%;
}
[data-snippet-id], .colmd, .hr, .blockquote {
overflow: hidden;
}
@media (max-width: 400px) {
[data-snippet-id] {
[data-snippet-id]:not([data-snippet-id="carousel"]) {
height: auto !important;
}
}
@@ -295,7 +300,7 @@ ul.nav-stacked > li > a {
}
.carousel-inner .item {
height: 100%;
background-size: 100%;
background-size: cover;
}
.carousel .carousel-caption {
@@ -365,7 +370,7 @@ div.carousel[data-snippet-id="slider"] .carousel-indicators .active {
.parallax {
position: relative;
background-size: 100%;
background-size: cover;
display: table;
width: 100%;
min-height: 100px;
@@ -445,10 +450,6 @@ div.carousel[data-snippet-id="slider"] .carousel-indicators .active {
}
/* Misc */
.oe_img_bg {
background-size: 100%;
}
.texttop {
vertical-align: top;
}
addons/website/static/src/css/website.sass
+8 -6
View File
@@ -228,19 +228,24 @@ ul.nav-stacked > li > a
a
color: white
/* ---- SNIPPETS --- */
.oe_img_bg
background-size: 100%
[data-snippet-id],.colmd,.hr,.blockquote
overflow: hidden
@media (max-width: 400px)
[data-snippet-id]
[data-snippet-id]:not([data-snippet-id="carousel"])
height: auto !important
.carousel-inner
height: 100%
.item
height: 100%
background-size: 100%
background-size: cover
.carousel
.carousel-caption
left: auto
@@ -300,7 +305,7 @@ div.carousel[data-snippet-id="slider"]
.parallax
position: relative
background-size: 100%
background-size: cover
display: table
width: 100%
min-height: 100px
@@ -362,9 +367,6 @@ div.carousel[data-snippet-id="slider"]
/* Misc */
.oe_img_bg
background-size: 100%
.texttop
vertical-align: top
addons/website/static/src/js/website.snippets.animation.js
+1 -1
View File
@@ -105,7 +105,7 @@
var offset = 0;
var padding = parseInt($(document.body).css("padding-top"));
if (speed < 1) {
var inner_offset = self.$target.outerHeight() - this.height / this.width * document.body.clientWidth;
var inner_offset = - self.$target.outerHeight() + this.height / this.width * document.body.clientWidth;
var outer_offset = self.$target.offset().top - (document.body.clientHeight - self.$target.outerHeight()) - padding;
offset = - outer_offset * speed + inner_offset;
} else {