From c1e84bd08d4ea22f3a3e565d1407bcfbe75c46d1 Mon Sep 17 00:00:00 2001 From: Benoit Socias Date: Wed, 31 Mar 2021 14:10:06 +0000 Subject: [PATCH] [FIX] website_blog: fit the size of the Dexter effect darkening area Before this commit the darkening area of the Dexter effect is visible through the rounded corners when the blog post was not hovered. After this commit the darkening area is moved inside the right element thus not requiring magic numbers for truncating the area and fixing the display of the darkening area behind the rounded corners. closes odoo/odoo#68640 X-original-commit: f08e6e02cda9080d39f3a81fb83853df917f9ebc Signed-off-by: Quentin Smetz (qsm) --- .../static/src/snippets/s_blog_posts/000.scss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/addons/website_blog/static/src/snippets/s_blog_posts/000.scss b/addons/website_blog/static/src/snippets/s_blog_posts/000.scss index f6ddaf6bc0c..f72cde56b2c 100644 --- a/addons/website_blog/static/src/snippets/s_blog_posts/000.scss +++ b/addons/website_blog/static/src/snippets/s_blog_posts/000.scss @@ -94,15 +94,16 @@ } } &.s_blog_posts_effect_dexter .s_blog_posts_post { - &::before { - content: ""; - @include o-position-absolute($grid-gutter-width/2, $grid-gutter-width/2, $grid-gutter-width/2, $grid-gutter-width/2); - background: linear-gradient(to bottom, darken(theme-color('secondary'), 10%) 0%, darken(theme-color('secondary'), 30%) 100%); - } .o_record_cover_container { transition: opacity 0.35s; } figcaption { + &::before { + content: ""; + @include o-position-absolute(0, 0, 0, 0); + background: linear-gradient(to bottom, darken(theme-color('secondary'), 10%) 0%, darken(theme-color('secondary'), 30%) 100%); + z-index: -1; + } padding: 3em; text-align: left; &:after {