Partial fix Activity Summary Header CSS

[Russ]

Affected version

2.2 Beta 4

Inside core.less (email template):

.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.

.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:



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.

 

[XF Bug Bot]

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]

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.