diff options
| author | Benjamin Vray <bvr@odoo.com> | 2020-06-30 13:23:17 +0000 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2020-06-30 14:19:16 +0000 |
| commit | 5879e40445f0176d545b4a50f7f7ec33b2e171c8 (patch) | |
| tree | d778dad2bfe0f3057d854cdc8ba89aa3863aed17 /addons/website/static/src | |
| parent | 400cc4f14ed12bce8d11ea515041253a9271f5a5 (diff) | |
[IMP] website, *: add new footer effect options
*: web
Part of https://github.com/odoo/odoo/pull/49142
task-2229551
Co-authored-by: qsm-odoo <qsm@odoo.com>
Diffstat (limited to 'addons/website/static/src')
| -rw-r--r-- | addons/website/static/src/js/content/snippets.animation.js | 22 | ||||
| -rw-r--r-- | addons/website/static/src/scss/primary_variables.scss | 1 | ||||
| -rw-r--r-- | addons/website/static/src/scss/website.scss | 18 |
3 files changed, 41 insertions, 0 deletions
diff --git a/addons/website/static/src/js/content/snippets.animation.js b/addons/website/static/src/js/content/snippets.animation.js index 0cb7334af64..48afbe0db65 100644 --- a/addons/website/static/src/js/content/snippets.animation.js +++ b/addons/website/static/src/js/content/snippets.animation.js @@ -967,6 +967,28 @@ registry.ScrollButton = registry.anchorSlide.extend({ }, }); +registry.FooterSlideout = publicWidget.Widget.extend({ + selector: '#wrapwrap:has(.o_footer_slideout)', + disabledInEditableMode: false, + + /** + * @override + */ + async start() { + const $main = this.$('> main'); + const slideoutEffect = $main.outerHeight() >= $(window).outerHeight(); + this.el.classList.toggle('o_footer_effect_enable', slideoutEffect); + return this._super(...arguments); + }, + /** + * @override + */ + destroy() { + this._super(...arguments); + this.el.classList.remove('o_footer_effect_enable'); + }, +}); + return { Widget: publicWidget.Widget, Animation: Animation, diff --git a/addons/website/static/src/scss/primary_variables.scss b/addons/website/static/src/scss/primary_variables.scss index a3c4cbba5dd..2fd572c69f6 100644 --- a/addons/website/static/src/scss/primary_variables.scss +++ b/addons/website/static/src/scss/primary_variables.scss @@ -255,6 +255,7 @@ $o-base-website-values-palette: ( 'btn-secondary-outline': false, 'header-template': 'logo_menu', 'footer-template': 'products_contacts_about_us', + 'footer-effect': null, // null / 'slideout_slide_hover' / 'slideout_shadow' ); $o-website-values-palettes: ( ( diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index 1c4daea78ca..ac2f9a31a18 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -863,6 +863,24 @@ header { } } +@if index(('slideout_slide_hover', 'slideout_shadow'), o-website-value('footer-effect')) { + @include media-breakpoint-up(lg) { + #wrapwrap.o_footer_effect_enable { + > main { + background-color: $body-bg; + @if o-website-value('footer-effect') == 'slideout_shadow' { + box-shadow: $box-shadow; + } + } + > footer { + @include o-position-absolute(0, 0, 0, 0); + position: sticky; + z-index: -1; + } + } + } +} + // Copyright .o_footer_copyright { |