Add Responsive Styling
BaileyJM02 opened this issue · 6 comments
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?
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.
Making the webgui responsive is on our radar but I can't commit to a timeframe
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?
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.
Noted, thanks for the info. Will have a look at setting something up tomorrow 👍
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?