Simplifying Firefox Context Menus

The following CSS entries in UserChrome.css file will do the following to Firefox context menu (right click options):

Remove Send Link to Device

#context_sendTabToDevice, #context_sendTabToDevice_separator {display: none !important;}
#context-sendpagetodevice, #context-sep-sendpagetodevice {display: none !important;}
#contentAreaContextMenu #context-sendlinktodevice,
#contentAreaContextMenu #context-sep-sendlinktodevice {display: none !important;}

Remove Open Link In New Window

#context-openlinkinusercontext-menu {display: none !important;}
#context-openlink {display: none !important;}

Remove Bookmark This Link

#context-bookmarklink {display:none !important;}

Moving Firefox FindBar to the Top Right

Got annoyed with the find bar being at the bottom of the page, decided to search around and found a Stylish CSS that moves it to the upper right side of the main window like Google Chrome.

Just and add the following in userChrome.css (feel free to customize):

.browserContainer findbar, #viewSource #FindToolbar {
-moz-box-ordinal-group: 0;
position: fixed !important;
right: 30px;
margin-top: 30px !important;
box-shadow: 1px 2px 3px rgba(0, 0, 0, .25) !important;
border: 1px solid threedshadow !important;
border-top: none !important;
border-radius: 0 0 3px 3px;
transition-property: margin-top, opacity, visibility !important;
}

Firefox Nightly’s (57.xxx) Narrow Bookmark Toolbar

The narrow bookmark toolbar and the overly tall tab bar in Firefox Nightly has always bothered me. These are the only things that have kept me from setting it as the default browser in my computer.

Here’s what it looks like one on top of the other:

For me, Firefox bookmarks toolbar feels crowded and the tall tab bar is making it worse. This tall tab bar only happens in Windows 10, by the way. Using compact density only addresses the tab bar, the bookmarks toolbar remains narrow and claustrophobic.

Fortunately, this is easily remedied with userChrome.css. After Googling around and checking out a few forums here and there, I came up with the following:



@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);  /* only needed once */

#personal-bookmarks .bookmark-item > .toolbarbutton-text {
font-size:8pt !important;
}

#personal-bookmarks .bookmark-item {
height:26px !important;
}

 

You actually only needed .bookmark-item but setting the font size to 8, makes the bookmarks toolbar look a lot cooler!

This, and after setting the density to compact, now looks like..