FRAGE: Wie bekomme ich die Tableisten per .CSS nach ganz unten - also unterster Fensterrand?
Mehrzeilige Tableiste für aktuelle Firefox-Versionen
-
BrokenHeart -
8. Dezember 2019 um 01:19 -
Erledigt
-
-
andreas oder BrokenHeart,
kann vielleicht jemand von Euch noch den CSS-Code für "Unten" veröffentlichen?
Es gibt momentan keinen funktionierenden CSS-Code, um die mehrzeilige Tab-Leiste nach unten zu verschieben. Das hat auch Andreas in seinem Posting (#5) schon editiert.
Du musst, wenn du auf diese Funktionalität nicht verzichten willst, das User-JavaSkript aus meinem 1.Beitrag benutzen. Damit User-JavaSkripte funktionieren müssen nur ein paar Dateien in die richtigen Verzeichnisse verschoben werden. Ich hatte mehrere Links und eine Kurzerläuterung im Beitrag #1 am Ende angefügt.
-
Hi, hab inzwischen die Bottom-Tableiste mit dieser userchrome.CSS hinbekommen. Könnte Fehler enthalten, aber funktioniert.
Zunächst about config: layout.css.xul-box-display-values.survive-blockification.enabled auf false.
FAQ: Menü-, Adress- und Tableiste unterhalb des Fensters anzeigen? (FF 71+)
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: 50px !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( 3 * 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; } #TabsToolbar > .titlebar-buttonbox-container { display: none !important; } #TabsToolbar { margin-bottom: 0px !important; /* Abstand nach unten*/ background:transparent;/* Hintergrundfarbe*/ position:fixed !important; bottom:0 !important; width:100% !important; } #main-window { padding-bottom: 30px !important; }
-
alles klar - dann bleibe ich erst mal bei meiner einzeiligen Darstellung "unten". Ist halt Gewohnheit. Dein Script werde ich vielleicht auch mal probieren. Danke für Euren Support.
-volker-
-
Ich habe eben nochmal unter #1 alle CSS-Codes und den Code des User-JavaSkript angepasst.
Außerdem noch zusätzlich den CSS-Code für 'Abgerundete Tabs' hinzugefügt': Code (2a.)
Wer bis jetzt keine Probleme mit den Codes hatte, braucht seine Codes nicht zu aktualisieren. Obwohl ich es empfehle!
Ich werde bei Beantwortung von Fragen dazu, immer nur Bezug auf die aktuellsten Codes nehmen.
-
ist ja toll übersichtlich - da sollte für Jeden was dabei sein. Ich werde es auch mal ausprobieren. Schade das es hier kein 'Danke'-Button gibt
-
Hi, hab inzwischen die Bottom-Tableiste mit dieser userchrome.CSS hinbekommen. Könnte Fehler enthalten, aber funktioniert.
Zunächst about config: layout.css.xul-box-display-values.survive-blockification.enabled auf false.
FAQ: Menü-, Adress- und Tableiste unterhalb des Fensters anzeigen? (FF 71+)
Auch da schiebt sich die Tableiste über den Seiteninhalt, nur diesmal von unten. Da der Leisten-Hintergrund transparent ist, kann man zwar die ganze Webseite sehen, aber der untere Teil der Webseite ist nicht mehr bedienbar.
-
ist ja toll übersichtlich - da sollte für Jeden was dabei sein. Ich werde es auch mal ausprobieren. Schade das es hier kein 'Danke'-Button gibt
Danke für die Blumen...
Ja, probier es einfach aus. Wer eine Archiv-Datei entpacken und dann ein paar Dateien in unterschiedliche Verzeichnisse verschieben kann, für den ist die ganze JavaSkript-Geschichte in <5 Minuten erledigt...
-
Dein Script werde ich vielleicht auch mal probieren.
Nur zur Info:
Das Skript ist nicht von mir!
Boersenfeger hatte es gepostet und meinte, dass es von aborix wäre.
Aber es ist wohl von 2002Andreas und Endor. Link.
-
...aber dieses Javascript funktioniert auch unter Linux? Ich habe die entsprechende Datei/Verzeichnis config.js und das gesamte Verzeichnis userChromeJS ins Installverzeichnis /user/lib/firefox/ kopiert (auch die config-prefs.js nach '\defaults\pref').
Ferner in chrome die 'userChrome.js' und das Testscript 'aboutconfig-button.uc.js' - aber ein Button about:config habe ich nicht gefunden.
Von daher die Frage ob es überhaupt unter Linux funktioniert?
-volker-
-
Hast du mal im "Anpassen"-Fenster nachgeschaut?
-
Hallo Volker, der Button ist bei mir auch nicht erschienen, habe dann das Script für die "Tabs unten" in den entsprechenden Ordner kopiert und es funktioniert super! Allerings unter W10, keine Ahnung, was mit Linux ist, probiers einfach aus...
-
gut, ich probiere es mal
-
das Testscript 'aboutconfig-button.uc.js'
Von wo hast du das Script?
Evtl. funktioniert es ja auch nicht (mehr).
-
Sorry, mein Fehler . Ich hatte in der Anleitung auf ein veraltetes 'aboutConfigButton'-Skript verlinkt. Werde es gleich ändern...
Hier das richtige Skript:
JavaScript
Alles anzeigen// aboutconfig-button.uc.js (function() { if (location != 'chrome://browser/content/browser.xhtml') return; try { CustomizableUI.createWidget({ id: 'aboutconfig-ToolBarButton', type: 'custom', defaultArea: CustomizableUI.AREA_NAVBAR, onBuild: function(aDocument) { var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton'); var props = { id: 'aboutconfig-ToolBarButton', class: 'toolbarbutton-1 chromeclass-toolbar-additional', label: 'About:Config', tooltiptext: 'About:Config', style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACkUlEQVQ4ja2SX0hTcRTHv27euz/qLvfqdtO8lRmEoLm2RTTUmWHFtlgYIlFPleNuI5cggYTJpDGIVnP+CaVQ3FtCkYQvPfYSprewxCZCUYwgUKIeHIidHvSKiPrUef2ez/ec3/l9gf9VoijmhcPhq7FYbKizszNSUVFRvFOfATggsqgEUA5AtynYbDb78PDwfCaToaWlJUokEk8A6LfxZfHThsG3rcKk38reA3Bwq8hJktQSiUSmstksLS8vr9XX11/cokv3bRih0fI1Shyi+euGNMfAAQCMw+E4KoriSQD5jY2NiUwmQ0REsiz3qnDMhhEaMBNN24nuFtH4GShGwA4AOo/Hc01RFOrq6nqZTCa/K4pCCwtpejqammIY5kTMiiHqK1yjaTtRTwk9d2sWLDoEAZgAACzLVvb393+amZmh2dlZGhsbo0g0Sg/jiWz0WO7HvwlhVYVfuDWLJgZBAGYAOer7dDqd7qzX632dSqXoZlvbvBzu+BFv2E+rj0ykwuPnMcczCAEQdvohlud5r8fjeceybDOg9QdrKn/+8YMouo8mzmmpLI95ACB/jzSgiGGY4wDMDoejnYio54p35VldLk1UW+mWif/WUlratJcBALBOpzNAROSX5UkA0RqN/utEtZXSPh/Fef53myR1ANDuBBe6XK4gEVEgEHgFoA5AIQe0tHPc5w+1tZT2+aiX4+h2SUkfAIMKakRRbKCNktcnuwGwG7oxH2jqtli+vKmqotaCgulujlu5xPNu1UAbCoVGVQNBEG4A4LZtZ+CBy3fM5sUBSfrl57j3xRtBAgCjy+UaTCaTcxaLpQfA4V3uUyBotc2n9PrHPHABgHHTHUA1ACeAI7sdSB2G9RwYAeT8A0L0/bjRXZQXAAAAAElFTkSuQmCC)', onclick: 'if (event.button == 0) { \ openTrustedLinkIn("about:config", "tab");\ }; ' }; for (var p in props) toolbaritem.setAttribute(p, props[p]); return toolbaritem; } }); } catch(e) { }; })();
Edit: In Beitrag #1 habe ich jetzt im [Quickstart: User-JavaSkript] den Link durch den aktualisierten Code ersetzt.
-
Super, klappt auch unter Linux (Mint Mate 19.2). Mit dem neuen Script funzt dann bestimmt auch der Button 'about:config'.
Jetzt werde ich die graphische css-Anpassung der mehrzeiligen Tabs (wie gesagt: in Verbindung mit dem kleinen 'unten'-JS ist es auch unten) noch durch das grössere JS für graphische Anpassung erweitern - da man dann die Tabs sicher verschieben kann.
...echt toll.
-volker-
-
Tut er, hab's gerade installiert... Sieht dann so aus (oben rechts):
-
Nachdem ich nun die Schrift vergrößert und ver'fettet', den Schatten entfernt, die Tabs verkleinert etc. pp. - bin ich nun doch wieder auf meine einzeilige Darstellung der Tabs zurück gerudert. Das liegt einfach an meiner Mausradansteurung.
Bei einem 'Krapp' werden bei mir dann 4 Zeilen der Tabs übersprungen. Klar, ich könnte mir 7 Zeilen anzeigen lassen - oder die Mausradbeschleunigung verkleinern.
Dann lahmt mir die Maus aber für die eigentliche HTML-Seite zu sehr. Ein genaues Scrollen der Tabs wäre bei mir dann nur noch über den Scrollbalken möglich
Trotzdem alles super gut was hier zusammengetragen wird und die JavaScriptanbindung habe ich erst mal beigehalten.
-volker-
-
Volker S : Danke für dein Feedback!
Ich kann deine Entscheidung vollkommen verstehen.Wenn man sich etwas anderes vorgestellt hat und das Neue zu sehr vom alten Verhalten bzw. der gewohnten Arbeitsweise abweicht.
Aber ich denke das Scrollverhalten unter Linux ist nicht anders als in Windows. Auch unter Windows werden bei einem 'Scrollrad-Impuls' mehrere Zeilen gescrollt (aber hier nie mehr als 3). Die 'ScrollBox' kommt ja von Firefox und das Scrollverhalten wird auch durch das Script nicht verändert. In Notepad++, oder auch anderen Textverabeitungen wird auch nicht zeilenweise, sondern immer eine bestimmte Pixel-Anzahl gescrollt. Auch bei einer einzeiligen Tab-Leiste werden bei einem Mausrad-Impuls gleich mehrere Tabs gescrollt ( wenn du die Scroll Pfeile rechts und links verwendest jeweils nur ein Tab). D.h. wenn ich zeilenweise scrollen möchte benutze ich bei beiden Darstellungsarten die Scrollpfeile, wenn es schneller gehen soll, das Mausrad. Das ist eigentlich bei allen Anwendungen so, die ich kenne.
Vielleicht kann man dieses Verhalten auch (per Script) ändern, aber das weiß ich nicht...
-
Auch unter Windows werden bei einem 'Scrollrad-Impuls' mehrere Zeilen gescrollt (aber hier nie mehr als 3)
Bei mir unter Windows 10 sind 3 Zeilen eingestellt. Das wird wohl auch der Standard sein. Setze doch mal auf 1 (Systemsteuerung --> Maus --> Rad).
-