Not mobile friendly

[yonas]

Great work on OPNsense!

I noticed some issues when viewing OPNsense on a mobile device.

In OPNsense, you need to scroll horizontally to see everything on the page. In pfSense 2.3, you don't need to. See attached screenshots.

I'm using OPNsense 16.7.b_113-amd64, FreeBSD 11.0-CURRENT-HBSD.

[franco]

Hi there,

Yes, pages still need tweaks. The pfSense bootstrap layer was added to all of 150+ static pages, which makes unified layout adaption possible now. For us it's more work to go through all pages again as opposed to gradually move all pages to our MVC framework, where we think all of these pages should be headed instead.

Which screen size dimensions are this?

Any help or code contributions to speed up or improve the current state is welcome.


Cheers,
Franco

[yonas]

Thanks, they were 400x468.

[franco]

I tried to see how far we can push Bootstrap with the current implementation. It seems that since we're still using the older table-based layout that we cannot employ the "Stacked-to-horizontal" feature you're referring to here.

We will try to make that happen for our MVC first as the components there use templates to make the friendlier layout expand to all pages using it.

[yonas]

Sounds good Franco Is there a OPNsense bug tracker/redmine where I can add this, so we can target this fix for a specific future release?

[franco]

Hi yonas,

No particular need for filing bugs in this case, it's our mission to stay on track every week. Also...

Ad was kind enough to go ahead and fix this for the *older* components, the result is here:

http://imgur.com/JWCQRYi

That's by no means perfect and will undergo further tweaking, but it's still desirable to move all pages to the new framework eventually, otherwise these 150-ish pages will become a constant time sink and keep the code from evolving.

I hope this is what you've been looking for.

There are more problems with minimised container widths where individual elements can and will overflow. Expect more of this in upcoming 16.1.x releases.


Thank you,
Franco

[yonas]

Wow, that's awesome! You guys are fast. Thanks for the quick turn around, and please send my thanks to Ad.