diff options
| author | Benoit Socias <bso@odoo.com> | 2021-03-31 14:10:06 +0000 |
|---|---|---|
| committer | Benoit Socias <bso@odoo.com> | 2021-03-31 14:11:51 +0000 |
| commit | a3e10a1ecc0f41196675802d1d6186bd7ffa4b3f (patch) | |
| tree | dedca2c1676dacff9ff2fcc436dd4d6c73ccf41b /addons/website_blog/static/src | |
| parent | 67cb39aa74ae60dd069bf552ed06c878ec643f9c (diff) | |
[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#68605
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Diffstat (limited to 'addons/website_blog/static/src')
| -rw-r--r-- | addons/website_blog/static/src/snippets/s_latest_posts/001.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/addons/website_blog/static/src/snippets/s_latest_posts/001.scss b/addons/website_blog/static/src/snippets/s_latest_posts/001.scss index fa333e847bc..d36d12f35c1 100644 --- a/addons/website_blog/static/src/snippets/s_latest_posts/001.scss +++ b/addons/website_blog/static/src/snippets/s_latest_posts/001.scss @@ -112,15 +112,16 @@ } } &.s_latest_posts_effect_dexter .s_latest_posts_post { - &::before { - content: ""; - @include o-position-absolute(0, $grid-gutter-width/2, 0, $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 { |