Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- firefox_vertical_tabs [2023-03-07 13:51:00] – [Custom CSS] 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>
@@ Zeile 31: / Zeile 29: @@
 </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.
 ===== Tree Style Tab =====
@@ Zeile 42: / 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 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: "🕶";
+    content: "🕶";
 }
 */
-/* Show title of unread tabs with italic font */
+/* Hide scrollbar until hovering over tabs */
-:root.sidebar tab-item.unread .label-content {
+:root.sidebar #tabbar #normal-tabs-container {
-  font-style: italic !important;
+    scrollbar-width: none;
 }
+:root.sidebar #tabbar #normal-tabs-container:hover {
-/* scrollbar on the right side */
+    scrollbar-width: thin;
-:root.left #tabbar {
-  direction: ltr;
-  overflow-x: hidden;
 }
-/* hide scrollbar until hovering over tabs */
+/* Change side of scrollbar */
-#tabbar.overflow {
+:root.sidebar #tabbar #normal-tabs-container {
-  scrollbar-width: none;
+    direction: ltr;
-}
-#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;
 }
 </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.