Fixed .inputTypes large padding in mobile

Russ

Well-known member
Affected version
2.2.4
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?
 
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 Bottom