Side Tabs in Firefox 66

-

I've become so used to using side tabs (TreeStyleTabs) in Firefox, that it's somewhat painful to use any other browser in more than a passing manner. My work laptop was just replaced, and I had to back into this configuration again, so I figured this is a good time to document it. Drawing from several sources (linked at the bottom).

  1. In a terminal window, create your chrome Firefox profile directory:
    mkdir -pv ~/Library/Application\ Support/Firefox/Profiles/*.default/chrome
    and your personal chrome file:
    touch ~/Library/Application\ Support/Firefox/Profiles/*.default/chrome/userChrome.css
  2. Install the TreeStyleTab plugin (https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/)
  3. In Firefox, Press Cmd + Opt + I
  4. Click on the cog icon (Settings) in the upper right (may be inside the hamburger menu)
  5. In Advanced Settings, check "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging"
  6. Restart Firefox
  7. Press Cmd + Opt + Shift + I
  8. In the resulting permission dialog, click "OK" to enable remote debugging
  9. Choose the "Style Editor" tab and find userChrome.css in the left pane
  10. Add the following content to userChrome.css and confirm the appearance is as desired:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Hide top tabs, but not window controls.  Slide everything over to make space for window controls */
#TabsToolbar > .toolbar-items,
#TabsToolbar > .titlebar-spacer { visibility: hidden }
#nav-bar { margin-top: -32px; padding: 0px 15px 0px 75px !important; }

/* Hide the sidebar header */
#sidebar-header {
    visibility: collapse;
}

References:

https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss/

https://www.reddit.com/r/FirefoxCSS/comments/a70ew7/how_to_hide_tab_bar_while_still_showing_window/

Comments

Post a Comment

Popular posts from this blog

SSH Private Keys - RSA vs. OpenSSH

-
It would seem that ssh-keygen on OS X Mojave generates OpenSSH Private Keys instead of the traditional RSA Private Keys. While on the surface this is not a problem at all, it recently created a problem for us in combination with our use of the net-ssh Ruby gem, specifically that only RSA Private Keys are supported by this particular version of the gem, unless other dependencies are explicitly installed. So there would appear to be two solutions to this problem. First, we could update the net-ssh gem or discover/install whatever other dependencies are required to support OpenSSH Private Keys. Option two is to convert the existing private key from OpenSSH to RSA. The man page for ssh-keygen is helpful, but not nearly clear enough for this use case, so I'm documenting it here because I'm sure it'll come back to bite me again in the future. Assuming ~/.ssh/id_rsa starts with: -----BEGIN OPENSSH PRIVATE KEY----- Run ssh-keygen -p -m PEM -f ~/.ssh/id_rsa and you will
Read more

Google Wifi and Verizon FiOS

-
Image
There are a bunch of articles spread around the internet about how to best use Google Wifi and Verizon FiOS together. The concepts are really applicable to any case where you want to replace the Verizon FiOS router with your own, while still retaining full TV functionality (Guide, On-Demand, Remote DVR access, On-Screen Caller ID, etc). My experience drew heavily from several sources, including http://www.dslreports.com/faq/16077 , https://robotpoweredhome.com/google-nest-wifi-verizon-fios/ , and https://www.arhea.net/posts/2020-01-012-fios-own-router.html . My ultimate goal was to completely remove the Verizon FiOS router (in my case, a G1100), while retaining full functionality. The gist of what my setup looks like is below: The components involved here are: FiOS ONT (Optical Network Terminal) Google Wifi Points Any unmanaged 10/100/1000 Ethernet Switch (you decide how many ports you need) MOCA Bridge (Actiontec WCB3000) FiOS TV One DVR (Arris VMS4100) FiOS TV Set Top Boxes (Arris
Read more