XF 2.2 Modify column width on thread view for all sizes

[Lucas]

I've been looking to see if there is any way to modify the size of the thread view columns to avoid numbers creating another line due to the size that the word besides it take, as it is in a different language. Is there any XF pre-made function for these?




You can view at: https://gamers.cr/foros/tirador-en-primera-persona-fps.2/

 

[nocte]

Untested, but this should do the trick:

/* For wide screen */

.structItem-cell
{
    &.structItem-cell--meta
    {
        width: 130px;
    }
}

/* For medium screen */

@media (max-width: @xf-responsiveWide)
{
    .structItem-cell
    {
        &.structItem-cell--meta
        {
            width: 130px;
        }
    }
}

simply add this to the template extra.less for the style you use. You can change the width (130px in my example) to fit your needs.

maybe you have to change @media (max-width: @xf-responsiveWide) to @media (min-width: @xf-responsiveMedium) and (max-width: @xf-responsiveWide). I am not sure, but otherwise you might override the definitions for small screen sizes.

Play around with it and have fun

Is there any XF pre-made function for these?

I don't think there's a setting (i.e. style property) for this.

 

[Lucas]

Went with

.structItem-cell.structItem-cell--meta {
    width: 170px;
}

And fixed it!