banner
ZDawn

ZDawn

Do one thing at a time and do well.
tg_channel
首页归档标签

Firefox hides horizontal tabs and changes them to vertical tabs.

#firefox106
AI Translation
This post is translated from Chinese into English through AI.View Original
AI-generated summary
Firefox can now hide horizontal tabs and display them vertically with the help of the sidebery plugin and userChrome.css. By enabling Firefox's custom CSS feature and configuring the CSS file, users can collapse the Tabs Toolbar and sidebar header. However, there are some limitations, such as the lack of maximize, minimize, and close buttons, which can be solved using keyboard shortcuts. Additionally, moving the window can be challenging, but adding a flexible blank space in the customized toolbar can help. This feature is also available for Firefox on Android.

title: Firefox hides horizontal tabs and changes them to vertical tabs
date: 2023-12-18
coverurl:
type: Post
slug: ff-hide-tab
stats: Published
category: Technical Sharing
summary:
icon: fa-solid fa-camera
password:
tags:

I really like the vertical tabs in Edge, as they can display more content. Firefox can also achieve this effect using plugins.

Effect Image#

46XBWfmIpbQUNhu.png

Tools Needed#

Enable Firefox's Custom CSS feature#

  • Enter about:config in the address bar and press Enter
  • Confirm the risk prompt
  • Enter stylesheets in the search bar
  • Find toolkit.legacyUserProfileCustomizations.stylesheets and double-click to set it to true

Configure CSS file#

You need to create a new CSS file in the configuration file, which is not easy to find

  • Enter about:support in the address bar
  • Find the Profile Folder option, then click Open Folder
  • Create a new folder in the current folder named chrome
  • Create a new file in the chrome folder named userChrome.css
  • Open userChrome.css and paste the following content
#TabsToolbar {
    visibility: collapse;
}
#sidebar-header {
    visibility: collapse !important;
}

User-friendly configuration#

After the above configuration, there are two problems:

  1. There is no maximize, minimize, and close buttons
    This can be solved by using shortcuts
  2. It is not easy to move the window
    You can add a Flexible Space in the Customize Toolbar option on the toolbar, which can also solve the problem of double-clicking to maximize and minimize. However, the space looks a bit ugly, and I don't know how to make it shorter.

Enjoy!#

FF Android mobile can also use plugins. Although FF is already considered as others, it doesn't matter, I still like it.

Loading...
Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.