Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- firefox_vertical_tabs [2022-11-09 20:54:56] – [Tabidentitätsmarker (contextual identity marker) umpositionieren] 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 27: / Zeile 36: @@
 ==== Custom CSS ====
-Dieses Snippet in das Textfeld bei ''about:addons'' > ''Extensions'' > ''Tree Style Tab'' > ''Options'' > ''Advanced'' einfügen
+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 italic font */
+/* Show title of unread tabs with red and italic font */
 :root.sidebar tab-item.unread .label-content {
+    /* color: red !important; */
     font-style: italic !important;
 }
-/* scrollbar on the right side */
+/* Add private browsing indicator per tab */
-:root.left #tabbar {
+/*
-    direction: ltr;
+:root.sidebar tab-item.private-browsing tab-label:before {
-    overflow-x: hidden;
+    content: "🕶";
 }
+*/
-/* hide scrollbar until hovering over tabs */
+/* Hide scrollbar until hovering over tabs */
-#tabbar.overflow {
+:root.sidebar #tabbar #normal-tabs-container {
     scrollbar-width: none;
 }
-#tabbar.overflow:hover {
+:root.sidebar #tabbar #normal-tabs-container:hover {
     scrollbar-width: thin;
 }
-/* transparent scrollbar */
+/* Change side of scrollbar */
-#tabbar {
+:root.sidebar #tabbar #normal-tabs-container {
-    scrollbar-color: grey transparent;
+    direction: ltr;
-}
-/* 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;
 }
 </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.