Optimize mobile display

[ariesmitskamp]

I monitor some 25 Joomla websites with Panopticon and love it! Because I do a lot on my mobile phone, I optimized the mobile display. Below find the way I did this; feel free to comment or improve.

One question: I never use the search forms on mobile because I don't need them and they use a lot of vertical space. It is quite a puzzle to hide them with css. Could this probably be a setting in configuration? I.e. showing search forms or not?

My custom css:

@import url("/media/css/theme.min.css");
/* hide search forms */
.panopticon-view-main > main > form > div:nth-child(1) {display: none !important;}
.panopticon-view-extupdates > main > form > div:nth-child(1) {display: none !important;}
.container-xl {max-width: unset;}

/* hide less interesting info on mobile display */
@media only screen and (max-width: 480px)	
	main  {	padding: 0 !important;}
	.panopticon-view-main .py-2 {padding: 0 !important;}
	.panopticon-view-main .link-secondary {display: none;}
	.panopticon-view-main .fa-box-open {display: none !important;}
	.panopticon-view-main .badge {border-radius: 50%;}
	} 

[nikosdion]

Search forms are an integral part of the software design, i.e. how you are expected to use it. An option to remove them will not be implemented. It would confuse users and it'd be up to me, not you, to provide support and justify this decision. I can't justify this decision, and I don't want to spend my time to help people with something I disagree with and can't justify implementing.

You can of course override the output in the exact same way Joomla template overrides work. You could add a class or ID to the filters' container DIVs to write CSS to hide them in the mobile view.