Feed List Vertical Line Spacing

in
Subscribe to Feed List Vertical Line Spacing 9 posts, 2 voices



PhysioProf User
FirefoxWindows

Is there a way using custom CSS to loosen the vertical spacing between feed names in the feed list? Mine is too tight, and it is completely cutting off the descenders of characters in the feed names. (I suspect this is happening because I have Firefox set to use a relatively large minimum font size and to disallow sites from choosing their own fonts.)

 
DustinLuck Script's Author
FirefoxWindows

This code should handle scaling the feed list dependent on the font size. If you want to change the spacing, adjust the 1.5em value in both places. Changing the value down will squeeze the items closer together and increasing the value will spread the items further apart.

.lhn-section-primary, 
#recommendations-tree .lhn-section-primary, 
.scroll-tree li.folder .link, 
.scroll-tree li.sub {
    height: 1.5em !important; }
.lhn-section-primary, 
#reading-list-unread-count, 
.scroll-tree {
    line-height: 1.5em !important; }
.section-minimize { 
    top: auto !important; }
#reading-list-unread-count { 
    margin-top: auto !important; }

 
PhysioProf User
FirefoxWindows

Works perfect! You are a genius of CSS!

 
PhysioProf User
FirefoxWindows

Now that my feed list looks beautiful, I'm feeling a little greedy, so how about this!

Can I use custom CSS to adjust the vertical line spacing in the entry body?

 
DustinLuck Script's Author
FirefoxWindows

Try this:

.entry .entry-body { 
  line-height: 1.5em !important; }

 
PhysioProf User
FirefoxWindows

Brilliant! Thanks again!

 
PhysioProf User
FirefoxWindows

Dustin, do you know the CSS tweak for adjusting the spacing between the posts in the post list?

 
DustinLuck Script's Author
FirefoxWindows

This is the code I use for the post spacing:

/* expanded view */ 
#entries.cards .entry { 
    margin: 0 !important; } 
#entries.cards .card-content { 
    padding: 5px !important; } 
/* list view */ 
#entries.list .collapsed .entry-source-title, 
#entries.list .collapsed .entry-title, 
#entries.list .collapsed .entry-date { 
    line-height: 1.5em !important; } 
#entries.list .entry .collapsed { 
    height: 1.5em !important; } 
#entries.list .expanded .entry-secondary-snippet { 
    display: none !important; } 

 
PhysioProf User
FirefoxWindows

Beautiful! You are a CSS genius!