Resizing the Panes

K.V.
03 May 2018, 08:41

To keep the panes from overflowing, I add this to game.inituserinterface:

JS.eval("$('.elementListWrapper').css('max-height','100px')")

BEFORE:

image


AFTER:

image


I tried to find a nice percentage to use instead of '100px' to cover whatever size screen the player may have, but I could never land on any solid ground.

Anyone have any suggestions?


CheeseMyBaby
03 May 2018, 09:11

You just saved yourself a future question from me!
This will come in handy!! Thanks!


Pertex
03 May 2018, 11:51

Did you check vw or vh? (https://www.w3schools.com/cssref/css_units.asp)
I don't know if Quest supports them


K.V.
03 May 2018, 17:18

That's good stuff, Pertex! (And it does work in Quest.)


JS.eval (";$('.elementListWrapper').css('max-height','10vh');$('#statusVars').css({'max-height':'10vh','overflow-y':'scroll'});")

The only problem I run into now is when something in the Inventory pane is selected while something in the Places and Objects pane is selected:

image


I just noticed I can switch to full-screen and see that last bit of buttons:

image