Benutzer-Werkzeuge

Webseiten-Werkzeuge


firefox_vertical_tabs

Dies ist eine alte Version des Dokuments!


Vertikale Tabs in Firefox

Für weitere Browser Erweiterungen und Download-Links siehe Browser Erweiterungen

Native horizontale Tableiste ausblenden

für weitere Infos über das Anpassen von Firefox über userChrome.css siehe Firefox

Außerdem in Firefox die Titelleiste (title bar) aktivieren

userChrome.css
@import url("tabs.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;
}

Tree Style Tab

Die Browser Erweiterung 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 > Options > Advanced einfügen

/* Add private browsing indicator per tab */
/*
:root.sidebar tab-item.private-browsing tab-label:before {
  content: "🕶";
}
*/
 
/* Show title of unread tabs with italic font */
:root.sidebar tab-item.unread .label-content {
  font-style: italic !important;
}
 
/* scrollbar on the right side */
:root.left #tabbar {
  direction: ltr;
  overflow-x: hidden;
}
 
/* hide scrollbar until hovering over tabs */
#tabbar.overflow {
  scrollbar-width: none;
}
#tabbar.overflow:hover {
  scrollbar-width: thin;
}
 
/* transparent scrollbar */
#tabbar {
  scrollbar-color: grey transparent;
}
 
/* container identity marker: color whole tab */
:root.left .tab:not(.faviconized) .contextual-identity-marker {
  opacity: 0.1;
  width: 100%;
  height: 90%;
  margin: auto;
  align-self: center;
  border-radius: 0.5em;
}

Sideberry

Die Browser Erweiterung Sideberry bietet eine einfach zu konfigurierende vertikale Tableiste und somit eine gute Alternative zu Tree Style Tab.

/home/http/wiki/data/attic/firefox_vertical_tabs.1678197173.txt · Zuletzt geändert: von david