Board Game Arena

I love how the player panels -container "right-side" moves to top of screen for when screens width are smaller than 980px.

My project's game board is very wide. How can I have container "right-side" move to the top of screen when screen width is < 1200px rather than 980px?

Thanks for any help!

developgame wrote: ↑09 April 2023, 19:12 I love how the player panels -container "right-side" moves to top of screen for when screens width are smaller than 980px.

My project's game board is very wide. How can I have container "right-side" move to the top of screen when screen width is < 1200px rather than 980px?

Thanks for any help!

No easy way, the threshold is hard coded in bga code

Thanks Tisaac! I REally appreciate how you help us newbies!

Tisaac wrote: ↑09 April 2023, 23:22

developgame wrote: ↑09 April 2023, 19:12 I love how the player panels -container "right-side" moves to top of screen for when screens width are smaller than 980px.

My project's game board is very wide. How can I have container "right-side" move to the top of screen when screen width is < 1200px rather than 980px?

Thanks for any help!

No easy way, the threshold is hard coded in bga code

You should be able to do it with this in your JS Setup:

IndianaScones wrote: ↑11 April 2023, 03:12 You should be able to do it with this in your JS Setup:

Code: Select all

if( screen.width <= 1200 ) {
	dojo.removeClass('ebd-body', 'desktop-version');
	dojo.addClass('ebd-body', 'mobile-version');
}

Have you tested this one ?

Yep, I experimented with something like this a while ago when I was early in working on the overall layout but abandoned it because it wasn't solving my problem. So I have tested it but not extensively. It worked fine in the short amount of time I was using it.

If you look at Wingspan, it is set to be in "mobile mode" at all times, as ebd-body has the .mobile-version class even in desktop games.