Add Responsive Styling

[BaileyJM02]

Hey all,

I'm happy to work on adding the CSS to ensure the design is responsive so that the GUI is friendly to interact with on non-desktop devices.

There is an issue around mobile specifically here but it hasn't been updated since the original post.

Are there any quirks to setting up a development env or documentation? I can't see any in this repo itself.

Lastly, is this something that can be worked on? i.e. was there a product decision not to add it?

[brintal]

Someone already wrote the CSS: https://github.com/ccmorris/unraid-gui-responsive
This is basically ready to use and just needs to be added to the official webgui.
Please limetech. It is 2023. Wanting to have a responsive design is not too much to ask.

[ljm42]

Making the webgui responsive is on our radar but I can't commit to a timeframe

[BaileyJM02]

I would be happy to work on it, would just like some guidance to setting up a dev env for the GUI as I can't see anything regarding it anywhere?

[zackspear]

Unfortunately there is not a traditional dev env like your typical web app / site.

My typical workflow is working from a fork of this webgui repo and then using a script to rsync files from the local repo onto the server in the correct directory. Most of us use a dedicated development Unraid server so we're not using our production Unraid servers to test webgui changes.

[BaileyJM02]

Noted, thanks for the info. Will have a look at setting something up tomorrow 👍

[Squidly271]

Making the webgui responsive is on our radar but I can't commit to a timeframe

How about as a simple stop gap forget the responsiveness for mobile and simply support display resolutions > 1920. Very simple CSS change. IE: Integrate Unlimited Width.

Dashboard unfortunately is actually hardcoded at 3 columns but display looks better anyways when the UI > 1920. Who actually still has a 1080P monitor nowadays?