How to Enable Multirow Bookmarks Toolbar?

Question

I have a reactjs website, that uses react-router with browserHistory.

Today I found an issue and I have no clue how to solve this. The problem is, when my website is opened inside an iframe, for example in google translate page. Navigation in my website no longer works everytime a link is clicked it gives me this error:

Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL 'https://www.mywebsite.com/page' cannot be created in a document with origin 'https://translate.googleusercontent.com' and URL 'https://translate.googleusercontent.com/translate_c?depth=2&hl=fr&prev=sear….com&sl=en&u=https://www.mywebsite.com/&usg=ALkJrhiWY47c812s4y3W0cS1VDZX0xRNqA'.

Does anyone knows how can I 'fix' this?

Btw, I've tested this using the latest version of Chrome, and Firefox (both on Windows)

Thanks

Solution

The following userchrome trick seem to work. Easiest way to edit userchrome is by using stylish addon. Install the addon and goto Add-ons > User Styles > Write New Style. And paste the following code.

.bookmark-item {
  margin: 5px 2px 10px 2px !important;
  font-size: 15px !important; 
}

Change the values as you need and click on preview to view it. Then save it. For margin: changing first and third pixel value will change the height. The font-size: line will change the font size of the bookmark text. Remove it if not needed. You can enable/disable this anytime you want without restarting firefox through stylish.

Comments

[Shubham Khatri]

Its not easy to help you without seeing your code which causes an error.

[Fox_Sparky]

Thank you, Nufail. That indeed helped increasing the height of the bookmarks toolbar, but I was looking for a way to enable multi-row bookmarks toolbar. I edited my question to make it clearer. Found an article here that shows some code which can be used with the useful add-on you linked me to. It enabled multi-row bookmarks toolbar, but the CPU still gets stressed because of it, so I guess it is a Firefox thing. Thank you for your help!