qbittorrent / qBittorrent

qBittorrent BitTorrent client
https://www.qbittorrent.org
Other
28.32k stars 3.98k forks source link

Restore 4.x WebUI Density #21743

Open NLZ opened 1 week ago

NLZ commented 1 week ago

Suggestion

In 5.0 the new WebUI is a lot more loose, like one made for touch screen or something. Most notably there are big gaps in the torrent list and in the sidebar, e.g. in the same area for torrent list 4.6 shows 15 lines while 5.0 only shows 10. Gaps are okay when you only have a few items, but for a big list it's just a hindrance.

Use case

Would be nice to restore the denisty of 4.x, so we can see more torrents and categories at the same time.

Extra info/examples/attachments

5.0 vs 4.6 image

0penSourcerer commented 1 week ago

I would like this as well, or at least the option to choose different densities for the UI contents.

Ghost-chu commented 1 week ago

5.x WebUI is laggy on my device, but 4.x is fine.

btTeddy commented 1 week ago

Would be great to have a setting to change it back, as v5 is totally too spaced out.

Solution: https://github.com/qbittorrent/qBittorrent/wiki/Developing-alternate-WebUIs-(WIP)#first-steps-to-an-alternate-webui Create default WebUI theme, place it in /config/Qbit_Theme, turn it on in settings, then change line-height: 1.5 to line-height: 1.0 (or whatever you like) in style.css (/config/Qbit_Theme/private/css/style.css)

old

body {
    color: var(--color-text-default);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}
body {
    color: var(--color-text-default);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.0;
    text-align: left;
}

after image