webgui
webgui copied to clipboard
limetech
Add Responsive Styling
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?
