Some icons are now weirdly cropped in UserSettings

[ara4n]

I suspect the SVGs need to be tweaked so that the bounding box is 1px larger in all dimensions ,so that the stroke isn't cropped in half when it overlaps the current boundary, causing the flagpole to be half-width and the phone to be truncated on the sides.

[nadonomy]

I suspect the SVGs need to be tweaked so that the bounding box is 1px larger in all dimensions ,so that the stroke isn't cropped in half when it overlaps the current boundary, causing the flagpole to be half-width and the phone to be truncated on the sides.

Just checked— the SVG's are all good.

The problem is .mx_TabbedView_maskedIcon has a width of 16px, while it's :before pseudo-element carrying the mask is only 14px, hence the clipping.

I'm not sure if the delta is intentional, but changing the width of .mx_TabbedView_maskedIcon:before to 16px fixes it.

[turt2live]

The gap is intentional to fix clipping on windows, which was happening at least locally. Will test again though.

[turt2live]

looks like something else was causing it to be weirdly cut off on windows - upping to 16px fixes it.