{"id":14008543,"url":"https://github.com/maciekmm/container-tabs-sidebar","last_synced_at":"2025-06-11T16:06:07.319Z","repository":{"id":38386402,"uuid":"133849026","full_name":"maciekmm/container-tabs-sidebar","owner":"maciekmm","description":"Firefox addon aiming to utilize screen estate more efficiently by showing tabs in a sidebar grouped by privacy containers. Inspired by TreeStyleTab.","archived":false,"fork":false,"pushed_at":"2024-05-19T11:31:06.000Z","size":1046,"stargazers_count":125,"open_issues_count":8,"forks_count":14,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-10T07:48:20.556Z","etag":null,"topics":["browser-extension","firefox","firefox-addon","hacktoberfest","privacy","sidebar","tabs-management"],"latest_commit_sha":null,"homepage":"https://addons.mozilla.org/en-US/firefox/addon/container-tabs-sidebar/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/maciekmm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-05-17T17:47:36.000Z","updated_at":"2024-12-30T22:23:36.000Z","dependencies_parsed_at":"2023-01-19T16:03:49.692Z","dependency_job_id":"f5a5629a-3c55-4956-a292-e55aa0c107ca","html_url":"https://github.com/maciekmm/container-tabs-sidebar","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/maciekmm/container-tabs-sidebar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maciekmm%2Fcontainer-tabs-sidebar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maciekmm%2Fcontainer-tabs-sidebar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maciekmm%2Fcontainer-tabs-sidebar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maciekmm%2Fcontainer-tabs-sidebar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maciekmm","download_url":"https://codeload.github.com/maciekmm/container-tabs-sidebar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maciekmm%2Fcontainer-tabs-sidebar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259293098,"owners_count":22835539,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser-extension","firefox","firefox-addon","hacktoberfest","privacy","sidebar","tabs-management"],"created_at":"2024-08-10T11:01:48.177Z","updated_at":"2025-06-11T16:06:07.286Z","avatar_url":"https://github.com/maciekmm.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","browser-extension"],"sub_categories":[],"readme":"# Container Tabs Sidebar\n\nA firefox addon that shows currently opened tabs in a sidebar grouped by a privacy container.\n\n![Promotional screenshot](./assets/screenshot.png)\n\n## How to use\n\nIn order to use this addon it's recommended to have firefox version \u003e=59 installed. It might work with a version as low as 54, but there were no tests done with these builds. You can download the latest firefox from [firefox.com](https://www.mozilla.org/en-US/firefox/new/)\n\n### Installing from [addons.mozilla.org](https://addons.mozilla.org/en-US/firefox/addon/container-tabs-sidebar/?src=github)\n\n1. Visit [Container Tabs Sidebar on mozilla.org](https://addons.mozilla.org/en-US/firefox/addon/container-tabs-sidebar/?src=github)\n2. Click Add to Firefox button\n\n### Manually installing the addon for development purposes\n\n#### Debugging via npm:\n1. If you have `npm` installed, you can execute the following command: `npm run dev`. A Firefox window should open.\n\n#### Installing as temporary add-on\n1. Clone or download a zip of this repository.\n3. Navigate to `about:debugging`.\n4. Click _Load Temporary Add-on_.\n5. Select manifest.json inside `src` directory.\n\n### Opening the sidebar\n\nIn order to open the sidebar click __F2__ button on your keyboard. If it doesn't work then open any sidebar (eg. using __Ctrl+b__), and change the sidebar via dropdown menu.\n\n### Customizing containers\n\nIn order to add/remove containers navigate to `about:preferences#containers`.\n\n## Appearance modifications\n\nSummary of  [How to Create a userChrome.css File on userchrome.org](https://www.userchrome.org/how-create-userchrome-css.html)\n1. Create a file called 'userChrome.css' in a directory called 'chrome' inside your user profile directory\n1. Add the below data to the file\n\n**Warning:** Starting with Firefox 69 you have to enable *toolkit.legacyUserProfileCustomizations.stylesheets* in *about:config* in order to use modifications listed below.\n\n**Note:** For Firefox \u003c72 you also need a `@namespace` directive at the beginning of the file. \n\n**Note:** the `@namespace` directive only has to appear once in that file.\n\n```css\n@namespace url(\"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul\");\n```\n\nSee [this discussion thread](https://bugzilla.mozilla.org/show_bug.cgi?id=1605208) for details.\n\n### Hiding the Sidebar Header\n\nIn order to hide the sidebar header you need to append to the `userChrome.css` file the following code:\n\n```css\n#sidebar-box[sidebarcommand^=\"containertabs\"] #sidebar-header {\n\tdisplay: none;\n}\n```\n\n|Before|After|\n|----|---|\n|![Before hiding](./assets/before-header.png) | ![After hiding](./assets/after-header.png)\n\n### Hiding the Tab Bar\n\nIn order to hide the Tab Bar you need to append to the `userChrome.css` the following code:\n\n```css\n@namespace url(\"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul\");\n\n#main-window:not([tabsintitlebar=\"true\"]) #TabsToolbar {\n    visibility: collapse !important;\n}\n```\n\n\n```css\n/* for Firefox 72 and beyond */\n/* credit to stapuft at https://github.com/piroor/treestyletab/issues/2207#issuecomment-478288590 */\n\n#tabbrowser-tabs, #TabsToolbar {\n  visibility: collapse !important;\n}\n```\n\n\n### Change Icon into Black from White\nThis userChrome.css rule will make the icon become black on Toolbar, Sidebar, and Pop up menu\n\n![Black Icon for white Template](./assets/black-icon.png)\n```css\n#sidebar-box[sidebarcommand^=\"containertabs\"] #sidebar-header #sidebar-icon,\n#sidebarMenu-popup #button_containertabssidebar_maciekmm_net-sidebar-action .toolbarbutton-icon,\n#nav-bar-customization-target #containertabssidebar_maciekmm_net-browser-action .toolbarbutton-icon {\n  filter: invert(100%);\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaciekmm%2Fcontainer-tabs-sidebar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaciekmm%2Fcontainer-tabs-sidebar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaciekmm%2Fcontainer-tabs-sidebar/lists"}