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

[FIX] website_blog: fit the size of the Dexter effect darkening area

Browse Source 
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) <qsm@odoo.com>
This commit is contained in:
Benoit Socias
2021-04-01 13:09:57 +00:00
parent 3e1d81429b
commit c1e84bd08d
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website_blog/static/src/snippets/s_blog_posts/000.scss
+6 -5
View File
@@ -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 {