diff options
| author | Benjamin Vray <bvr@odoo.com> | 2020-08-24 11:33:52 +0000 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2020-09-29 16:02:09 +0000 |
| commit | 9c08e119b125b82e2c42dc944920dd8a96789e25 (patch) | |
| tree | a9097d0029208e1e5e754c7479759103f2feb758 /addons | |
| parent | 210b5feb00d4163d85c928c8100b3601dc11b4e8 (diff) | |
[FIX] website, *: fix background layer elsewhere than in a section
*: web_editor
Before this commit, the elements (other than section) and with the
background layer options avaible (shape, color filter, etc.) did not
have the relative position added on their children. So all the
children were hidden behind the layer element which is in absolute
position.
Part of https://github.com/odoo/odoo/pull/58850
task-2312878
Diffstat (limited to 'addons')
| -rw-r--r-- | addons/web_editor/static/src/scss/web_editor.common.scss | 2 | ||||
| -rw-r--r-- | addons/website/static/src/scss/website.scss | 12 | ||||
| -rw-r--r-- | addons/website/static/src/snippets/s_color_blocks_2/000.scss | 1 |
3 files changed, 11 insertions, 4 deletions
diff --git a/addons/web_editor/static/src/scss/web_editor.common.scss b/addons/web_editor/static/src/scss/web_editor.common.scss index e4e0a6f48d2..cd3b6c5a189 100644 --- a/addons/web_editor/static/src/scss/web_editor.common.scss +++ b/addons/web_editor/static/src/scss/web_editor.common.scss @@ -770,7 +770,7 @@ blockquote { pointer-events: none; } -section { +section, .oe_img_bg, [data-oe-shape-data] { @extend %o-we-background-layer-parent; } .o_we_bg_filter { diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index f51478d95dc..a2ed61ea7bb 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -368,6 +368,9 @@ font[class*='bg-'] { .o_bg_video_loading { @include o-position-absolute(0, 0 ,0 ,0); } +.o_background_video, .parallax { + @extend %o-we-background-layer-parent; +} // Probably outdated // Disable fixed height @@ -452,6 +455,7 @@ table.table_desc tr td { // Controls .carousel-control-prev, .carousel-control-next { + position: absolute; cursor: pointer; width: 8%; opacity: 1; @@ -478,8 +482,12 @@ table.table_desc tr td { } } // Indicators - .carousel-indicators li:hover:not(.active) { - background-color: rgba(255,255,255,.8); + .carousel-indicators { + position: absolute; + + li:hover:not(.active) { + background-color: rgba(255,255,255,.8); + } } // Default diff --git a/addons/website/static/src/snippets/s_color_blocks_2/000.scss b/addons/website/static/src/snippets/s_color_blocks_2/000.scss index 8982f8e87b0..555cab58f55 100644 --- a/addons/website/static/src/snippets/s_color_blocks_2/000.scss +++ b/addons/website/static/src/snippets/s_color_blocks_2/000.scss @@ -19,7 +19,6 @@ } } [class*="col-lg-"] { - @extend %o-we-background-layer-parent; padding: 8% 5%; padding-top: 8vw; // A flex item cannot have % padding top and bottom (even if it works on chrome) padding-bottom: 8vw; // Solution is vw units but we keep 8% as a fallback |