Is it possible to have CSS for normal screens and a custom CSS for 7in screen?

[sdetweil]

@sdetweil hang on… I see the bug on loading at node_helper time…

change it like this to capture the undefined error at startup

var width = 0
try {
width=outerWidth
}
catch(error){
}

var config={ etc

[Radnor]

in the config.js it does not like outerWidth. shows errors as loading up. It DOES get the correct value though…

I have at the top of my config file:

var small_size = 800;
var ss = outerWidth;

In debug mode I can see both vars getting their respective values.

[sdetweil]

@Radnor see my comments above workaround for not defined at node_module load time

[sdetweil]

@Radnor css and config.js are different things… no way to change the filenames of the css files…

[Radnor]

Getting really close!

My config file is:

var small_size = 800;
var width = 0;
try {
	width=outerWidth
}
catch(error){
}

SNIP

		{
			module: "newsfeed",
			position: "bottom_bar",
disabled: width > small_size ? false:true,
			config: {
SNIP

On phone does not show. On laptop stuck at “Loading…”

[sdetweil]

@Radnor said in Is it possible to have CSS for normal screens and a custom CSS for 7in screen?:

disabled: width > small_size ? false:true,

because width =0
0 > 800 is false, so disabled=true
when loading the node_modules, so it doesn’t get loaded

try
var width=801
the node_helper might get loaded, but won’t execute cause they are waiting for module to send parms

the value will be corrected on browser side

[Radnor]

@sdetweil said in Is it possible to have CSS for normal screens and a custom CSS for 7in screen?:

@Radnor said in Is it possible to have CSS for normal screens and a custom CSS for 7in screen?:

disabled: width > small_size ? false:true,

because width =0

Dont think so. I started it up with DEV option. Loaded the config.js file in debugger hovered over the width and it showed 1280. Then hovered over the small_size and it showed 800. Then thought false and true might need double quotes because the rest in config has t/f in double quotes.

Thank you for sticking with me and getting this working I really appreciate your time. it is SO close.

[Radnor]

I put in config width =801 and reran it. Same “Loading …”
And commented out try - catch block.

[sdetweil]

@Radnor single or double quotes don’t matter, as long as both ends of the string have the same

I just set my code to

var width	= 1920  // make it so on big screen they get enabled
try {
  	width=outerWidth
}
catch(error){

}
var large_screen=1920  // expected size on computer

and the test for calendar at

			module: "calendar",
			disabled:    width< large_screen?true:false, // if the current screen is smaller than computer, disabled
                                                                     // you can flip too,  ?false:true
			header: "US Holidays",
			position: "top_left",

[sdetweil]

@Radnor I had to fix the size for node_helper loading…

I have them enabled if big screen, disabled if small screen