Open-Web-Analytics icon indicating copy to clipboard operation
Open-Web-Analytics copied to clipboard

Responsive layout would be awesome

Open artfulrobot opened this issue 5 years ago • 4 comments

I've just installed OWA (standalone) and I'm pretty impressed, thank you, everyone for making an awesome thing!

One thing I struggle with though is the layout. It seems to require at least 1500px width, and even then there's some eyesores like wrapped left nav.

On a mobile you simply can't see the right quarter of things, and you can't even zoom out or in to make it fit.

It would be fab to make it work better on smaller/more flexible screen sizes.

artfulrobot avatar Oct 14 '20 19:10 artfulrobot

I'm going to be doing a little work on this on my fork. I'll do a PR if I get anywhere.

Is there anything I should know? Things I know I don't know, or am assuming, that come to mind are:

  • Doesn't look like there's any compile step for CSS (e.g. no webpack/gulp)
  • I'm not sure which templates and css files relate to its use as a plugin - and I'm going to be working on the stand alone version.

artfulrobot avatar Oct 15 '20 08:10 artfulrobot

OWA uses its own build script to compile the admin/reporting CSS (we need to move to webpack with v2.0). To build the css:

/path/to/php cli.php cmd=build package=owa.reporting-css

padams avatar Oct 15 '20 18:10 padams

@padams thanks for that! How do you feel about Laravel Mix? It makes webpack easy :-) and is just as flexible.

artfulrobot avatar Oct 15 '20 19:10 artfulrobot

Don't know much about it but will take a look.

padams avatar Oct 15 '20 19:10 padams