[BUG] Auto-resizing/scaling breaks with 5+ sections
Environment
Other (Specify below)
System
Proxmox container {Tteck script}
Version
Latest release
Describe the problem
Note: I used the DEMO page to visualize/easily reproduce the bug/issue.
Steps to reproduce: 1 Open demo page [Layout= auto] 2 Resize the left/top most section to a width of 5 3 save 4 reload page
The main issue is that the right most tab [productivity] spans a bigger width than it should. In the above example each section below the top one. each section should be at most 2-3 icons wide,
Only If I zoom out really far (67%) the scaling doesn't break, but this makes the font size barely legible, and limits the sections below the top section to 1 link/button per row.
If I resize the top section to a width of 4 the sections below do scale correctly
Display specs: lg 27ul500 {4K display}
Additional info
No response
Please tick the boxes
- [X] You have explained the issue clearly, and included all relevant info
- [X] You are using a supported version of Dashy
- [X] You've checked that this issue hasn't already been raised
- [X] You've checked the docs and troubleshooting guide
- [X] You agree to the code of conduct
Potential solution to resolve the issue: Feature: Limit section Icons/buttons columns to a user specified limit, regardless of page-zoom settings
Crude edit/example, of how I imagine it would look: