A Setting to Reduce the Line Height of All List Items

[g_bartsch]

The new User Interface Density setting of Regular resulted in very large line spacing between items in Bookmarks, Windows, Notes, History, Quick Commands, etc.

This change dramatically reduced the number of items visible in one pane height and necessitates a lot more scrolling through lists to find what we are looking for. This is a waste of screen space and adds work for the user.

Switching back to Compact improves this issue but there is still more space between items than necessary. I want to see more items before I have to scroll to see additional items.

I request a feature that would allow the user to set the line spacing of this UI element with the goal of displaying more list items before the user has to scroll.

Additionally the ability to set the font size for the item would help. Favicons probably would need to scale based on the font size and line spacing but given the entire UI can scale I don't imagine this is a problem.

[barbudo2005]

@g_bartsch

Said:

Additionally the ability to set the font size for the item would help.

For Panels use this code:

.tree-item,
.tree-row label,
label span.title
 
{font-family: Lato !important;
font-size: 18px !important;}

With code:

Without code:

[g_bartsch]

@barbudo2005 Thank you.

I am using your code to set all UI fonts and it controls panels too:

/* UI FONT */

#browser.win:lang(en),
#browser.win + div:lang(en),
#browser.win + div + div:lang(en),
#browser.win button:lang(en),
#browser.win input:lang(en),
#browser.win select:lang(en),
#browser.win textarea:lang(en)

{font-family: Arial !important;
font-size: 11.5px !important;}

I was using simpler code to do the same thing but yours is more complete.

[g_bartsch]

Please see here for the solution to my feature request:
https://forum.vivaldi.net/topic/101729/reduce-spacing-between-all-list-items-solved/2

[RogerWilco]

Where and how do you do that?

You mention the file bundle.js which I located in /opt/vivaldi/resources/vivaldi/ . Then you mention CSS as well.

I know about those userChrome.css 'tweaks' you can apply to Firefox and its forks but how are these tweaks done for Vivaldi?

Am I not seeing the forest for the trees?

Thanks in advance.

[Pesala]

@g_bartsch Settings, Appearance, Menu Layout, Compact will reduce the spacing of bookmarks.

[g_bartsch]

@Pesala Thank you. But I want to move items closer together than even with the Compact setting ..