dashy icon indicating copy to clipboard operation
dashy copied to clipboard

[BUG] Auto-resizing/scaling breaks with 5+ sections

Open darknessblade opened this issue 1 year ago • 2 comments

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

dashy b

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. zoom 67%

If I resize the top section to a width of 4 the sections below do scale correctly dashy 4 tab

Display specs: lg 27ul500 {4K display}

Additional info

No response

Please tick the boxes

darknessblade avatar Dec 04 '24 20:12 darknessblade

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:

zoom 67%

darknessblade avatar Dec 04 '24 20:12 darknessblade