Partial fix Activity Summary Header CSS

Affected version
2.2 Beta 4

Russ

Well-known member
Inside core.less (email template):

Code:
.summaryBlock-header
{
    font-size: @xf-fontSizeLarger;
    color: @xf-majorHeadingTextColor;
    background: @xf-majorHeadingBg;
    background: linear-gradient(0deg, @xf-majorHeadingBg, mix(@xf-majorHeadingBg, @xf-contentBg, 50%));
    border-bottom: @xf-borderSize solid @xf-borderColorLight;
    border-top-left-radius: @xf-borderRadiusSmall;
    border-top-right-radius: @xf-borderRadiusSmall;
    padding: @xf-blockPaddingV @xf-blockPaddingH;
}

Can this be made to inherit the block header property instead of redoing the CSS? Not sure if it's possible in the email templates.

Code:
.xf- blockHeader()

I've never used the background gradient because the second you have dark headers mixing with the content background, it looks like this:

Screenshot_1.png

Additionally, I'm not sure the header link color is inheriting the actual color from the header but instead, I think it's using the link color.
 
Last edited:

XF Bug Bot

XenForo bug fixer bot
Staff member
Thank you for reporting this issue, it has now been resolved. We are aiming to include any changes that have been made in a future XF release (2.2.0 Beta 6).

Change log:
Remove the email summary block header gradient and ensure that links use the major heading text color.
There may be a delay before changes are rolled out to the XenForo Community.
 

Mike

XenForo developer
Staff member
Can this be made to inherit the block header property instead of redoing the CSS?
To follow this part up, it is possible but it's not really something we do in email templates as there are plenty of things you can do in these style properties that you can't really do in emails. Most notably are things like images. The paths are unlikely to resolve correctly in an email. It is an approach you could take if you accept those caveats.

Given that email clients have really hit and miss CSS support, in general you want to keep the email CSS simple. Removing the gradient helps with that while also being a bit more generally applicable. The heading link text color was definitely incorrect before.
 
Top