Clothing carousel cut-off

[MindlessPuppetz]

          Have noticed that the clothing carousel can cut selections off on 1920x1080 resolution. Server I play on is using your inventory and after swapping to it, the gloves selection seems to disappear between the two pages of items, as well as items being partially under the page arrows on either page.

Page 1 - Containing: Hat, Boots, Shirt, CCoat (Closed Coat), Coat, Poncho (partially obscured)

Page 2 - Containing: Cloak (Partially obscured), Mask, Vest, Neckwear, Sleeves, Belt

May need to adjust the sizing to fit all of the options properly between the page arrows and not let them hide underneath, as well as show properly for the missing Gloves option.

Originally posted by @MindlessPuppetz in #225 (comment)

[gjtervit]

If you change line 349 within ui.min.css to "width: 14.6vw;" then it'll open up the menu a bit and fit more icons, as well as fix the cut off icon.

[outsider31000]

for what resolution ?

[gjtervit]

I tend to use the setting within RedM to fix resolution scaling to 1920x1080 as I use an UW monitor and have issues on most servers without using that option. My native resolution is 3440x1440.

[outsider31000]

try disable that option and see how it looks because other wise it could look bad

[gjtervit]

This is how my inventory looks using default settings and without that setting on.

As you can see it's stretched and looks rubbish. (I've also got other issues elsewhere in the UI)

Making the change to line 349 without using the Fixed-Size NUI within RedM make it look better as well. (Still a little clipping on one of the circles)

And finally the previously shown screenshots above ^ show how it looks with the edit as well as using RedMs Fixed-Size NUI.

[outsider31000]

thats what i was saying your changes only work if they all have that on. im on 2k res and for me looks good i think that visual issu is for 1080p res

[gjtervit]

Interesting... I wonder then if there is a way to try and fix the issues for all resolutions?

[Risky-Shot]

I did a workaround by lowering scrollAmount from 200 to 50 so now it scrolls to left/right in less amount allowing users to select button without any cutoff. Works fine for 1920x1080...

https://github.com/VORPCORE/vorp_inventory-lua/blob/eae17aa3864e41533194c3165dabd64078976a3a/html/js/invScript.js#L118

[outsider31000]

@Risky-Shot
what about other resolutions ?