XF 2.1 unwanted duplications of box-shadow properties in certain blocks.

[ShikiSuen]

In case of setting box-shadow (in lieu of border) for block-container, one can see duplicated box-shadow effects through postbits in a thread.

My solution: put the following into the Extra block of Block border framework settings:
&.lbContainer, &.blockMessage--none {box-shadow: none;}

(Official solution given by Chris D at #2.)

 

[Chris D]

We wouldn't really consider this to be a bug.

In some cases if you make significant changes then it may invalidate some assumptions made elsewhere that you'd have to handle yourself.

Specifically in this case, block-container usually has a border. We explicitly remove that border from the message list - you can see this in the message.less template.

What you have done is replaced the border with a box-shadow but there is nothing to remove that box-shadow from the message list.

Your workaround is probably sufficient for you, or you may want to add the following to extra.less:

.block--messages
{
   .block-container
   {
        box-shadow: none;
   }
}

 

[ShikiSuen]

We wouldn't really consider this to be a bug.

In some cases if you make significant changes then it may invalidate some assumptions made elsewhere that you'd have to handle yourself.

Specifically in this case, block-container usually has a border. We explicitly remove that border from the message list - you can see this in the message.less template.

What you have done is replaced the border with a box-shadow but there is nothing to remove that box-shadow from the message list.

Your workaround is probably sufficient for you, or you may want to add the following to extra.less:

.block--messages
{
   .block-container
   {
        box-shadow: none;
   }
}

Thank you for your solution. Mine is wrong.

 

[ShikiSuen]

If using @Chris D 's plan, an additional code is necessary to remove the unwanted box-shadow in the share bar block:

.blockMessage.blockMessage--none {box-shadow: none;}