Beiträge von AdE
-
-
Hallo,
mir geht es ähnlich.
Wenn ich einen Extrathread eröffnen soll, bitte ich um einen Hinweis.
Bisher lief mein Firefox nach dem Wechsel von Windows zu Ubuntu problemlos mit mehreren Zeilen. Nach dem Update auf 81.0 sind die Tabs alle noch da, es zeigt aber nur eine Zeile an und ich muss um alle Tabs zu sehen, durch die Zeilen scrollen.
Kann mir jemand helfen?
Meine userChrome.css sieht wie folgt aus:
CSS
Alles anzeigen/* ----------------------------*/ /* Mehrzeilige Tabreihen */ /* ----------------------------*/ /* Tab-Höhe */ .tabbrowser-tab { min-height: 28px !important; max-height: 28px !important; vertical-align: bottom !important; margin-top: 1px !important; margin-bottom: 1px !important; } /* Feste Breite des einzelnem Tabs */ .tabbrowser-tab:not([pinned]) { min-width: 130px !important; } /* Platz für Scrollbar schaffen */ .tabbrowser-tabs { margin-right: -41px !important; } tabs > arrowscrollbox { display: block; } scrollbox[part][orient="horizontal"] { display: flex; flex-wrap: wrap; overflow: visible !important; overflow-x: hidden !important; overflow-y: auto !important; min-height: 30px !important; /* Tab-Höhe(28px) + 2px */ max-height: calc( 5 * 30px ) !important; /* Anzahl der Tabreihen * Minimal-Höhe */ -moz-window-dragging: no-drag !important; } /* Buttons/Zwischenräume Ausblenden */ hbox.titlebar-spacer, #alltabs-button,tabs tab:not([fadein]), [class="scrollbutton-up"], [class="scrollbutton-up"] + spacer, scrollbox[part][orient="horizontal"] + spacer, [class="scrollbutton-down"] { display: none; } tabs tab { border-left: solid 1px hsla(0,0%,50%,.5); border-right: solid 1px hsla(0,0%,50%,.5); } tabs tab:after,tabs tab:before { display: none;} #TabsToolbar:not(:-moz-lwtheme){ color: black !important; } #TabsToolbar > .titlebar-buttonbox-container { display: none !important; } /* -----------------------------*/ /* Tab: Optische Anpassungen */ /* -----------------------------*/ #tabbrowser-tabs :not([fokus]){ opacity: 1!important; } /* Schriftart/Schriftgröße ändern */ .tabbrowser-tab .tab-label { text-shadow: px px 0px #000000 !important; font-weight: 500 !important; font-size: 12px !important; font-family: "Arial" !important; color: black !important; } .tabbrowser-tab .tab-label:not(:-moz-lwtheme) { text-shadow: none !important; color: black !important; } .tabbrowser-tab .tab-label[selected="true"] { text-shadow: 1px 1px 0px #000000 !important; color: white !important; font-weight: 500 !important; font-size: 12px !important; font-family: "Arial" !important; } /* Tab-Line entfernen */ #TabsToolbar .tabbrowser-tab .tab-line { display: none !important; } /* Tab-Höhe */ .tabbrowser-tab { min-height: 22px !important; max-height: 22px !important; vertical-align: bottom !important; margin-top: 1px !important; margin-bottom: 1px !important; } /* Tab-Rahmen entfernen */ #TabsToolbar .tabbrowser-tab[visuallyselected="true"], #TabsToolbar .tabbrowser-tab, #TabsToolbar .tabbrowser-tab .tab-background { background: unset !important; border-top: unset !important; outline: none !important; } /* Tab-Schließen-Button entfernen *//* .tabbrowser-tab .tab-close-button { visibility: collapse !important; } */ /* Tab-Icon ausrichten *//* .tab-throbber:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]) { margin-top: -1px !important; } */ /*------------------*/ /* Tab-Hintergrund */ /*------------------*/ /*--- selektiert ---*/ .tab-background[selected=true]:not(:-moz-lwtheme) > spacer { background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; /* blau */ /*background-image: linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ), none !important;*/ /* rot */ filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important; } .tab-background[selected=true]:-moz-lwtheme > spacer { background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important; } /*--- hover(nicht selektiert) ---*/ .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer { background-image: linear-gradient( rgba(255,255,255,1), rgba(115,115,115,1) ), none !important; filter: brightness(130%) contrast(95%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):-moz-lwtheme > spacer { background-image: linear-gradient( rgba(225,225,225,0.66), rgba(100,125,145,0.66) ), none !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); } /*--- nicht selektiert ---*/ .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer { background-image: linear-gradient( rgba(255,255,255,1), rgba(125,125,125,1) ), none !important; filter: brightness(115%) contrast(90%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; } .tab-background:not([selected=true]):-moz-lwtheme > spacer { background-image: linear-gradient( rgba(255,255,255,0.33), rgba(110,110,110,0.33) ), none !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); } /*--- Multi-selektiert ---*/ .tab-background[multiselected=true]:not([selected=true]) > spacer { background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background[multiselected=true]:not([selected=true]) > spacer { background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important; } /* Tab-Leiste unterhalb der Symbolleiste verschieben */ #titlebar { -moz-box-ordinal-group: 2; } /* Menü nach oben verschieben */ #toolbar-menubar { position: fixed; display: inline-flex; } [sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar, [sizemode="normal"] #toolbar-menubar { top: 1px; } [sizemode="maximized"] #toolbar-menubar { top: 8px; } /* Platz für die Menüleiste oberhalb der Symbolleiste schaffen */ #main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 29px transparent !important; } #main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 21px transparent !important; } /* Freien Bereich für Menü und Titelleistenschaltflächen festlegen */ [tabsintitlebar="true"] #navigator-toolbox { -moz-window-dragging: drag; } /* Titelleistenschaltfläche nach rechts oben verschieben */ #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls, [tabsintitlebar="true"] .titlebar-buttonbox-container { display: block; position: fixed; right: 0; } [tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container { top: 1px; } [tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container { top: 8px; } #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls { top: 0; } /* auf der rechten Seite Platz machen, damit die Schaltflächen der Titelleiste und der Navigationssymbolleiste nicht im Vollbildmodus angezeigt werden */ #navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); toolbarbutton#tabs-newtab-button, .tabbrowser-arrowscrollbox { -moz-binding: url("bindings.xml#tabs-scroll") !important; }
-
Hallo Endor,
Danke auch Dir, hier funktionierts leider nicht, das ist auch das bisherige Script was ich in Betrieb hatte. Ich werde nochmal meine Dateien für die Scripte kontrollieren.
-
Hallo Thomas,
vielen Dank, bei mir leider nicht. Das läuft als .........uc.js bei Dir?
-
Hallo,
leider hat es mich auch erwischt. Meine Tabzeile würde ich gern wieder unter die Lesezeichenleiste verlagern. Bisher hatte ich mehrer Tabzeilen untereinander, dies funktioniert auch noch. Meine userChrome.css sieht derzeit wie nachfolgend aus:
Kann mir jemand weiterhelfen?
Hat sich erledigt. Der Thread: RE: FF 72 Lösung für Tableiste unter LZ-Symbolleiste gesucht mit der enthaltenen CSS hat mir sehr geholfen.
-
Css Code zum verschieben der Tableiste unter die Lesezeichenleiste:
...
Mfg.
EndorHallo Endor,
vielen Dank für den CSS Code. Ein Teil davon hat mir sehr geholfen, die Tableiste zu verschieben. Meine alten Tabeinstellungen wie Höhe, Anzahl der Zeilen konnte ich dadurch behalten. Hast Du vielleicht noch einen Tipp wie ich wieder mit meinem Mausscrollrad durch die Tabs scrollen kann? Das bisherige Script dazu funktioniert leider auch nicht mehr.
-
Hallo,
leider hat es mich auch erwischt. Meine Tabzeile würde ich gern wieder unter die Lesezeichenleiste verlagern. Bisher hatte ich mehrer Tabzeilen untereinander, dies funktioniert auch noch. Meine userChrome.css sieht derzeit wie nachfolgend aus:
CSS
Alles anzeigen/* ----------------------------*/ /* Mehrzeilige Tabreihen */ /* ----------------------------*/ /* Tab-Höhe */ .tabbrowser-tab { min-height: 28px !important; max-height: 28px !important; vertical-align: bottom !important; margin-top: 1px !important; margin-bottom: 1px !important; } /* Feste Breite des einzelnem Tabs */ .tabbrowser-tab:not([pinned]) { min-width: 130px !important; } /* Platz für Scrollbar schaffen */ .tabbrowser-tabs { margin-right: -41px !important; } tabs > arrowscrollbox { display: block; } scrollbox[part][orient="horizontal"] { display: flex; flex-wrap: wrap; overflow: visible !important; overflow-x: hidden !important; overflow-y: auto !important; min-height: 30px !important; /* Tab-Höhe(28px) + 2px */ max-height: calc( 5 * 30px ) !important; /* Anzahl der Tabreihen * Minimal-Höhe */ -moz-window-dragging: no-drag !important; } /* Buttons/Zwischenräume Ausblenden */ hbox.titlebar-spacer, #alltabs-button,tabs tab:not([fadein]), [class="scrollbutton-up"], [class="scrollbutton-up"] + spacer, scrollbox[part][orient="horizontal"] + spacer, [class="scrollbutton-down"] { display: none; } tabs tab { border-left: solid 1px hsla(0,0%,50%,.5); border-right: solid 1px hsla(0,0%,50%,.5); } tabs tab:after,tabs tab:before { display: none;} #TabsToolbar:not(:-moz-lwtheme){ color: black !important; } #TabsToolbar > .titlebar-buttonbox-container { display: none !important; } /* -----------------------------*/ /* Tab: Optische Anpassungen */ /* -----------------------------*/ #tabbrowser-tabs :not([fokus]){ opacity: 1!important; } /* Schriftart/Schriftgröße ändern */ .tabbrowser-tab .tab-label { text-shadow: px px 0px #000000 !important; font-weight: 500 !important; font-size: 12px !important; font-family: "Arial" !important; color: black !important; } .tabbrowser-tab .tab-label:not(:-moz-lwtheme) { text-shadow: none !important; color: black !important; } .tabbrowser-tab .tab-label[selected="true"] { text-shadow: 1px 1px 0px #000000 !important; color: white !important; font-weight: 500 !important; font-size: 12px !important; font-family: "Arial" !important; } /* Tab-Line entfernen */ #TabsToolbar .tabbrowser-tab .tab-line { display: none !important; } /* Tab-Höhe */ .tabbrowser-tab { min-height: 22px !important; max-height: 22px !important; vertical-align: bottom !important; margin-top: 1px !important; margin-bottom: 1px !important; } /* Tab-Rahmen entfernen */ #TabsToolbar .tabbrowser-tab[visuallyselected="true"], #TabsToolbar .tabbrowser-tab, #TabsToolbar .tabbrowser-tab .tab-background { background: unset !important; border-top: unset !important; outline: none !important; } /* Tab-Schließen-Button entfernen *//* .tabbrowser-tab .tab-close-button { visibility: collapse !important; } */ /* Tab-Icon ausrichten *//* .tab-throbber:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]) { margin-top: -1px !important; } */ /*------------------*/ /* Tab-Hintergrund */ /*------------------*/ /*--- selektiert ---*/ .tab-background[selected=true]:not(:-moz-lwtheme) > spacer { background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; /* blau */ /*background-image: linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ), none !important;*/ /* rot */ filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important; } .tab-background[selected=true]:-moz-lwtheme > spacer { background-image: linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important; } /*--- hover(nicht selektiert) ---*/ .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer { background-image: linear-gradient( rgba(255,255,255,1), rgba(115,115,115,1) ), none !important; filter: brightness(130%) contrast(95%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):-moz-lwtheme > spacer { background-image: linear-gradient( rgba(225,225,225,0.66), rgba(100,125,145,0.66) ), none !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); } /*--- nicht selektiert ---*/ .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer { background-image: linear-gradient( rgba(255,255,255,1), rgba(125,125,125,1) ), none !important; filter: brightness(115%) contrast(90%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; } .tab-background:not([selected=true]):-moz-lwtheme > spacer { background-image: linear-gradient( rgba(255,255,255,0.33), rgba(110,110,110,0.33) ), none !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); } /*--- Multi-selektiert ---*/ .tab-background[multiselected=true]:not([selected=true]) > spacer { background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background[multiselected=true]:not([selected=true]) > spacer { background-image: linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important; }
Kann mir jemand weiterhelfen?
-
So, habe nun auch diese, Deine, Variante genommen. Vielen Dank. Läuft sehr gut, bis auf meine Tabreihenfehler (5 eingestellt, drei werden nur ohne scollen an der Seite angezeigt). Kannst Du mir bitte noch erläutern, wie ich die Hintergrundfarbe ändern und einstellen kann, dass die Tableisten nicht diesen Durchsichtigkeitseffekt haben?
-
Ah ok. Das schaue ich mir morgen mal in Ruhe an. Ich habe gerade mit Deinen anderen Scripten aus:
FF70 -Mehrreihige Tabs rumprobiert.
Die haben den Vorteil, dass man die Tabs schön verschieben kann.
-
Ja, ich habe nur den Codeteil mit den mehreren Zeilen genommen (ab Zeile 101). Bei Dir sieht es anders aus. Bei mir ist nach drei Zeilen Schluss, die folgenden zwei sind verdeckt und ich muss erst am Bildschirmrand den Scrollbalken nutzen. Das verwenden des kompletten Codes und Abänderung der Zeilenzahl nützt nichts.
Aber auf jeden Fall für mich handlicher als der 71.0 Standard
-
zeigt er mir dennoch nur drei Tabreihen an.
Funktioniert hier einwandfrei mit 5 Reihen:
Mmh, hier nicht. Die userChrome.css sieht bei mir so aus:
CSS
Alles anzeigen/* ----------------------------*/ /* Mehrzeilige Tabreihen */ /* ----------------------------*/ tabs > arrowscrollbox { display: block; } /* Tab-Höhe */ .tabbrowser-tab { min-height: 25px !important; max-height: 25px !important; vertical-align: bottom !important; margin-top: 0px !important; margin-bottom: 0px !important; } scrollbox[part][orient="horizontal"] { display: flex; flex-wrap: wrap; overflow: visible !important; overflow-x: hidden !important; overflow-y: auto !important; min-height: 30px !important; /* Tab-Höhe + 2 */ max-height: calc( 3 * 30px ) !important; /*5 Tabreihen * Tab-Höhe + 2 */ -moz-window-dragging: no-drag !important; } /* Feste Breite des einzelnem Tabs */ .tabbrowser-tab:not([pinned]) { min-width: 120px !important; } /* Platz für Scrollbar schaffen */ .tabbrowser-tabs { margin-right: -41px !important; } /* Buttons/Zwischenräume Ausblenden */ hbox.titlebar-spacer, #alltabs-button,tabs tab:not([fadein]), [class="scrollbutton-up"], [class="scrollbutton-up"] + spacer, scrollbox[part][orient="horizontal"] + spacer, [class="scrollbutton-down"] { display: none; }
Ich habe allerdings auch noch ein Script für Tableiste unten sowie Tableistencrolling in Betrieb. Aber das sollte doch auf die Zahleneinstellung keine Auswirkung haben.
wie bekomme ich den circa 1mm Abstand zwischen den einzelnen Reihen weg?
In Zeile 114 + 115 den Wert auf 0 setzen.
Dankeschön. Perfekt!
-
...
Alternativ kann ich diesen angepassten CSS/JS-Code für FF71+ anbieten. Der ist für die normale Symbolleisten-Reihenfolge geeignet. Wem die optischen Anpassungen in dem CSS-Code nicht gefallen, kann diese ändern oder auch ganz löschen. Benötigt wird aber auf jeden Fall alles, was dort unter /* Mehrzeilige Tabreihen */ steht!
Ihr seid Klasse! Danke Euch und insbesondere Dir.
Mit den Scripten von Endor habe ich es diesmal nicht hinbekommen, aber Dein CSS Code funktioniert super. Eine Frage noch dazu. Ich habe es geschafft die Tabs in der Breite zu verringern. Dann habe ich die 3 bei den Tabreihen gegen eine 5 getauscht. Leider zeigt er mir dennoch nur drei Tabreihen an. Wie kann ich mir mehr anzeigen lassen und wie bekomme ich den circa 1mm Abstand zwischen den einzelnen Reihen weg?
-
Och menno. Leider hat es mit dem neuen Update auf FF 71.0 die mehrzeilige Tableiste bei mir zerlegt. Die ursprünglich z.B. auf drei Zeilen vorhandenen Tabs sind jetzt aufgereiht in einer Reihe, lassen sich zwar durchscrollen, aber ich sehe immer nur die, die auf die maximale Monitorbreite passen. Hat jemand schon einen Tip zur Abhilfe?
-
Hallo Endor,
vielen Dank, ja die Datei hatte ich bisher auch schon und mit Deinem Update funktioniert das Verschieben jetzt auch wieder.
-
Hallo,
ich habe noch eine weitere Frage. Bisher konnte ich meine Tabs per Drag und Drop verschieben. Auch das funktioniert nicht mehr. Allerdings habe ich in dem Fall leider keine Ahnung, über welches Script das bisher ging
-
Perfekt! Vielen Dank!
-
Mit diesem Script kann mann auch in Firefox prima durch die Tabs scrollen:
Code
Alles anzeigen// ==UserScript== // @name Tab Wheel Scroll // @namespace https://www.camp-firefox.de/forum // @description Mit dem Mausrad durch die Tabs rollen // @include chrome://browser/content/browser.xul // ==/UserScript== (function() { if (location != 'chrome://browser/content/browser.xul') return; const scrollRight = true; const wrap = true; gBrowser.tabContainer.addEventListener("wheel", function(event) { let dir = (scrollRight ? 1 : -1) * Math.sign(event.deltaY); setTimeout(function() { gBrowser.tabContainer.advanceSelectedTab(dir, wrap); }, 0); }, true); })();
Getestet im aktuellen 66er.
Mfg.
EndorHallo,
leider funktioniert dieses Script mit dem aktuellen FF Update nicht mehr, sodass ein Scrollen durch die Tabzeilen nicht mehr möglich ist. Hat vielleicht jemand eine Lösung parat?
-
Es sind immer 4 gleiche Tabs. Quasi täglich grüßt das Murmeltier.
-
Hallo,
ich habe in meinem Firefox in den Einstellungen markiert, dass die vorherigen Sitzung wiederhergestellt werden soll. Also die Tabs alle da sein sollen, die beim Beenden alle mit geschlossen wurden. Es passierte mir jedoch schon seit einigen Versionen und jetzt auch in der aktuellen Version, dass mehrere Tabs geöffnet werden, die ich schon in der vorherigen Sitzung geschlossen hatte. So waren z.B. beim Beenden nur noch 20 Tabs offen und beim neuen Starten sind es dann 22.
Liegt dem vllt. ein alter Sicherungsstand zu Grunde und Firefox denkt, dass diese Fenster gar nicht geschlossen wurden? Wie kann ich das ggf. vermeiden?
Viele Grüße
Edit von 2002Andreas
Ich habe Deinen Beitrag mal verschoben nach: Allgemein -
Hallo Endor,
vielen Dank für obige Anleitung und Deine Scripte. :klasse: Meine Tableiste ist jetzt wieder mehrzeilig unter der Adress- und Lesezeichenleiste und ich kann durch die in der Breite angepassten Tabs scrollen.
Da muss Vivaldi warten. :lol: