Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- firefox_vertical_tabs [2022-09-26 08:52:58] – angelegt david
+++ firefox_vertical_tabs [2024-03-13 17:22:42] (aktuell) – david
@@ Zeile 1: / Zeile 1: @@
 ====== Vertikale Tabs in Firefox ======
-Für weitere Browser Erweiterungen und Download-Links siehe [[browser_erweiterung|Browser Erweiterungen]]
+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]]
+Für weitere Infos über das Anpassen von Firefox über ''userChrome.css'' siehe [[firefox|Firefox]]
-Außerdem in Firefox die Titelleiste (title bar) aktivieren
 <code css userChrome.css>
-/* hides the native tabs, enable title bar to get rid of the unused space */
+@import url("tabs.css");
+</code>
+<code css tabs.css>
+/* hides the tabs */
 #tabbrowser-tabs {
-    visibility: collapse;
+  visibility: collapse;
 }
-</code>
+/* move titlebar up */
+#titlebar {
+  margin-top: -8px;
+}
-===== Sideberry =====
+/* move navbar up and to the front */
+#nav-bar {
+  margin-top: -8px;
+  z-index: 1;
+}
-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.
+</code>
 ===== Tree Style Tab =====
@@ Zeile 25: / Zeile 34: @@
 Die Browser Erweiterung [[https://github.com/piroor/treestyletab.git|Tree Style Tab]] bietet eine stark anpassbare vertikale Tableiste, welche Tabs in einer Baumstruktur anzeigt.
-==== Tabidentitätsmarker (contextual identity marker) umpositionieren ====
+==== Custom CSS ====
-  * Die Markierung der Tabs (z.B. von der Erweiterung "Firefox Multi-Account Container") umpositionieren
+Dieses Snippet in das Textfeld bei ''about:addons'' > ''Extensions'' > ''Tree Style Tab'' > ''Preferences/Options'' > ''Advanced'' einfügen
-  * Hier werden sie links bzw. oben angezeigt, je nachdem wie sie angeordnet sind (wenn die Sidebar links ist, ist die Makierung __links__ und bei angepinnten Tabs __oben__)
-Dieses Snippet in den Erweiterten Einstellungen der Browser Erweiterung (bei ''about:addons'') einfügen
 <code css>
-/* move contextual identity marker (e.g. from multi-account container) to left or top (if tab is pinned) */
+/* Show title of unread tabs with red and italic font */
-.contextual-identity-marker {
+:root.sidebar tab-item.unread .label-content {
-  top: 0;
+    /* color: red !important; */
-  left: 0;
+    font-style: italic !important;
-  bottom: auto;
+}
-  right: auto;
+/* 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.