Increase toolbars height+Roomy Bookmarks Toolbar Topic is solved

[back2themoon]

Hello everyone, I'm trying to increase a bit the height of the Tabs Toolbar and the Bookmarks Toolbar, with partial success:

1. Tabs Toolbar: about:config / browser.tabs.tabMinHeight works perfectly

2. Bookmarks Toolbar: found this for userChrome.css

Code: Select all

/* Change height of Bookmarks Toolbar */ #PlacesToolbarItems .bookmark-item { padding-top: 2px !important; padding-bottom: 2px !important; }

...seems to work, but with two annoying side-effects:

a) it also increases the spacing between entries in the expanded Bookmarks Toolbar folders
b) it clashes with Roomy Bookmarks Toolbar's (v.1.4.4.1) Multirow option

Any suggestions welcome.

[coffeebreak]

Maybe this will help.

Code: Select all

#PlacesToolbar {
  min-height: {number}px !important;
  max-height: {number}px !important;
}

(For number of pixels: 17px-18px per row of bookmarks seemed to work, plus optionally adding an extra pixel or two;
min/max heights = same value.)

So if three rows of bookmarks, min/max heights of 51px to 56px, eg:

Code: Select all

#PlacesToolbar {
  min-height: 55px !important;
  max-height: 55px !important;
}

[badnick]

Hello everyone, I'm trying to increase a bit the height of the Tabs Toolbar and the Bookmarks Toolbar, with partial success:

You can do that also with " Theme Font & Size Changer" addon.

[back2themoon]

Thanks both. Theme Font & Size Changer is a bit overkill since it changes everything.

Coffeebreak, is that code meant to change the height or move the toolbar? In any case, it doesn't seem to have any effect here, with or without Roomy.

[badnick]

Thanks both. Theme Font & Size Changer is a bit overkill since it changes everything.

Yeah , you can change the UI zoom or the UI font size or both. If you increase only the font automatically increase the height of the Tabs toolbar and Bookmarks toolbar.

[coffeebreak]

Coffeebreak, is that code meant to change the height or move the toolbar? In any case, it doesn't seem to have any effect here, with or without Roomy.

It's meant to change the height (not to move anything), and it does work on my Windows 7 machine, in userChrome.css.
(Though it all takes a few seconds to load after restart.)

Set to 4 rows (PM28.2.2, new profile, W7 x86):

Code: Select all

#PlacesToolbar {
  min-height: 76px !important;
  max-height: 76px !important;
}

Same code, Roomy Bookmarks Toolbar disabled:

Maybe there's a different selector with Windows 10?
Dom Inspector would enable you to check that.

[back2themoon]

Thanks, I got it to work (had to use higher values). Only problem is that when enabled, it triggers (sometimes...) an older issue I had:

No borders around the Tabs Toolbar (when using a Persona - borders are there with the default theme).