How can I increase the width of bookmark menu?

[teiji]

Can someone help me increase the width of the bookmark menu (the one when you click the bookmark icon, not the sidebar bookmark)? It's too small by default (https://i.imgur.com/iVCKyYV.jpg).

I used Browser Toolbox and found that the class panel-arrowcontent is the bookmark menu box, but when I tried to increase its width or max-width, nothing happens. Help please.

I put this in my userChrome.css but nothing happens.

Code: Select all

.panel-arrowcontent {
	max-width: 800px !important;
	width: 800px !important;
}

[morat]

Try this:

Code: Select all

#BMB_bookmarksPopup {
  width: 800px !important;
}

[teiji]

Try this:

Code: Select all

#BMB_bookmarksPopup {
  width: 800px !important;
}

Nothing happens either.

[morat]

I got it working here.

Bookmarks Popup
http://s17.postimg.cc/hwejrjznj/popup.png

Code: Select all

/* Firefox userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#BMB_bookmarksPopup {
  max-width: 800px !important;
  width: 800px !important;
}

http://kb.mozillazine.org/UserChrome.css

Firefox 57.0
Windows 7 SP1 32-bit

[teiji]

Ok that works. But even though the box is now 800px, the content inside is still the same small width, leaving a bunch of white space on the right. Pic: https://i.imgur.com/TKTdhxF.jpg

[morat]

Try this:

Code: Select all

#BMB_bookmarksPopup,
#BMB_bookmarksPopup > menu,
#BMB_bookmarksPopup > menuitem,
#BMB_bookmarksPopup menupopup > menu,
#BMB_bookmarksPopup menupopup > menuitem {
  max-width: 800px !important;
  width: 800px !important;
}

[teiji]

OMG you are awesome. Thanks so much!! This makes Firefox much more usable for me. Btw, if you don't mind, can you fix this little edge at the "Open All in tabs" (it shows when I click a folder)? Pic: https://i.imgur.com/vqYLw99.jpg

It's not a biggie but I just want everything to look perfect. If you don't have time, it's fine. Thanks again.

[morat]

You're welcome.

The "Open All in Tabs" menuitem looks normal in Windows 7. Hopefully, a Windows 10 user will post a solution.

[Gingerbread Man]

Hopefully, a Windows 10 user will post a solution.

It's probably interference from another style. It looks normal for me as well.

[teiji]

Hmm, you're right. It was another style that caused that edge problem. It was this line in another style of mine, incase anyone was wondering:

Code: Select all

.arrowscrollbox-scrollbox {
  padding-inline-start: 10px !important;
}

I fixed it and the edge was fixed too. Thanks !

[pirst]

what about history menu and it's sub menu - closed tab list?