====== Vertikale Tabs in Firefox ======

Für weitere Browser Erweiterungen und Download-Links siehe [[browser_erweiterungen_addons_extensions|Browser Erweiterungen]]

===== Native horizontale Tableiste ausblenden =====

Für weitere Infos über das Anpassen von Firefox über ''userChrome.css'' siehe [[firefox|Firefox]]

<code css userChrome.css>
@import url("tabs.css");
</code>

<code css tabs.css>
/* hides the tabs */
#tabbrowser-tabs {
  visibility: collapse;
}

/* move titlebar up */
#titlebar {
  margin-top: -8px;
}

/* move navbar up and to the front */
#nav-bar {
  margin-top: -8px;
  z-index: 1;
}

</code>

===== Tree Style Tab =====

Die Browser Erweiterung [[https://github.com/piroor/treestyletab.git|Tree Style Tab]] bietet eine stark anpassbare vertikale Tableiste, welche Tabs in einer Baumstruktur anzeigt.

==== Custom CSS ====

Dieses Snippet in das Textfeld bei ''about:addons'' > ''Extensions'' > ''Tree Style Tab'' > ''Preferences/Options'' > ''Advanced'' einfügen

<code css>
/* Show title of unread tabs with red and italic font */
:root.sidebar tab-item.unread .label-content {
    /* color: red !important; */
    font-style: italic !important;
}

/* Add private browsing indicator per tab */
/*
:root.sidebar tab-item.private-browsing tab-label:before {
    content: "🕶";
}
*/

/* Hide scrollbar until hovering over tabs */
:root.sidebar #tabbar #normal-tabs-container {
    scrollbar-width: none;
}
:root.sidebar #tabbar #normal-tabs-container:hover {
    scrollbar-width: thin;
}

/* Change side of scrollbar */
:root.sidebar #tabbar #normal-tabs-container {
    direction: ltr;
}

</code>

===== Sideberry =====

Die Browser Erweiterung [[https://github.com/mbnuqw/sidebery.git|Sideberry]] bietet eine einfach zu konfigurierende vertikale Tableiste und somit eine gute Alternative zu Tree Style Tab.