Fixed .inputTypes large padding in mobile

Affected version
2.2.4

Russ

Well-known member
In input_extended.less

Code:
.inputTypes
{
    .m-listPlain();

    display: flex;
    flex-wrap: wrap;
    padding: 0 (2 * @xf-paddingLarge);
    border-bottom: solid 1px @__borderColor;
    color: @__textColor;
    font-size: @xf-fontSizeSmall;
}

This is causing some issues when the padding is set even a little larger than the default XF values.

7IMIFAq.png


This is removing the side padding for mobile, lines up much nicer.
p0s4NIm.png


Maybe a simple media query on that to reduce/remove the padding?
 

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

Change log:
Change the thread type selector to reduce the amount of wasted space on mobile and flip to a horizontally scrollable system when needed.
There may be a delay before changes are rolled out to the XenForo Community.
 
Top