Beiträge von FuchsFan

FuchsFan

Zitat von milupo

Anführungszeichen allein reichen nicht, um Leerzeichen zu ermöglichen, man muss sie mit %20 kodieren

Das kann ich so nicht bestätigen, es geht auch ohne, wie ich festgestellt habe. Das ist der Pfad zum Icon:

style: 'list-style-image: url("file:///C:/Users/Old Man/Desktop/Firefox 73 02.2020 Probe/Profilordner/chrome/icons/Bild78.png")',

Vier Leerzeichen im Pfad enthalten, das Ergebnis sieht so aus.

Was aber wichtig ist, dass die Schrägstriche so gesetzt sein müssen (siehe bei Andreas). Ich hatte über die Eigenschaften des Icons den Pfad kopiert, da funktionierte es dann nicht.

FuchsFan

Zitat von GermanFreme82

Bei wird jedoch trotzdem nur 1 Reihe mit Tabs angezeigt, die ich mit Mausrad, oder Klicks durscrollen kann.

Du musst eventuell den Scriptcache löschen. Weil Du das Script RestartFirefoxButton nutzt ist es ganz einfach, mittlere oder rechte Maus auf den Restart-Button, dadurch wird auch der Scriptcache gelöscht. Ansonsten wüsste ich i.M. keinen Rat, weil ich deine restlichen Sachen nicht kenne.

Edit:

Nun kenne ich auch nicht die Version Deines Restart-Scriptes, denn da gibt es auch Unterschiede wie der Scriptcache gelöscht wird. Halte die Maus eine Weile über den Button, dann wird Dir das angezeigt. Sieht dann bei zwei Versionen des Scriptes so aus:

FuchsFan

Zitat von superbertel

Wenn ich den Code für die Icons rausnehme ändert das am Problem nichts.

Auch wenn die Icons enthalten sind funktioniert der Code hier fehlerfrei. Da werkelt bei Dir was dazwischen.

FuchsFan

Zitat von GermanFreme82

Achja hier ist meine neue "userChrome.css" nach dem Update von Dir:

Ich hatte Dir schon gesagt, was ich von Deinem Code halte.

Auch in Deiner jetzigen Aufbereitung sind wieder Einträge doppelt (Wirkung), oder für Deine Einstellung einfach nicht gebraucht werden.

Du weißt doch hinterher gar nicht mehr, wofür das gedacht ist. Nur als Empfehlung, wenn Du Änderungen machst, schreibe immer darüber was es bewirken soll. So nun noch einmal eine Aufbereitung Deines Codes, so wie von Dir vorgegeben.

CSS

/* Kontext-Menü / Ausblendungen */
#context-openlink,
#context-openlink,
#context-openlinkprivate,
#context-bookmarklink,
#context-sendlinktodevice,
#context-inspect,
#context-openlinkinusercontext-menu,
#context-viewpartialsource-selection,
#context-sep-sendlinktodevice,
#inspect-separator,
#_lympha-menuitem-_lympha-ctx-btn{
    display:none!important;
}
#contentAreaContextMenu > menuseparator:nth-child(93){
    display:none!important;
}
#jid1-kdtticj6wxvafa_jetpack-menuitem-_sss{
    -moz-box-ordinal-group: 100 !important;
}
#context-sendpagetodevice,
#context-viewbgimage,
#context-selectall,
#context-viewsource,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#contentAreaContextMenu > menuseparator:nth-child(93){
    display:none!important;
}
#context-sendimage,
#context-setDesktopBackground,
#inspect-separator{
    display:none!important;
}

menuitem[label="TextNotes"] {
    display: none !important;
}   
#testing_duckduckgo_com-menuitem-1 {
    display: none !important;
}

/* Ordnersymbole für Symbolleiste und Sidebar */    
 @-moz-document url-prefix(chrome://browser/content/browser.xhtml),
url("chrome://browser/content/places/places.xhtml") {
.bookmark-item[container="true"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}


/* -----------------------------*/
/* Tab: Optische Anpassungen    */
/* -----------------------------*/

#tabbrowser-tabs :not([fokus]){
    opacity: 1!important;
}

/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
    font-weight: 700 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
}

.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
    text-shadow: none !important; 
}
   
/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
    background: #F09800 !important;
    color: white !important;
    border-radius: 80px !important;
}

/* inaktiver Tab */
.tabbrowser-tab .tab-content {
    background: #C39D74 !important;
    color: white !important; 
    border-radius: 80px !important;
}

/* horizontaler Abstand zwischen den Tabs */
.tabbrowser-tab{
    margin-right:5px!important;
}

/* obere Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 30px !important;
    max-height: 30px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned]) {
    min-width: 185px !important;/* Minimale Tabbreite 76px */
    max-width: 185px !important;/* Maximale Tabbreite 225px */
}

/* 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;
}

.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px!important;
    border-left: 0px solid!important;
    border-image:none!important;
    border-image-slice: 0!important;
    width: 0px!important;
    box-sizing: border-box;
    opacity: 0!important;
}

#TabsToolbar .tabbrowser-tab:only-of-type {
    display: none !important;
}

#TabsToolbar {
    margin-bottom:0px!important;
}

Alles anzeigen

FuchsFan

Zitat von GermanFreme82

Könntest du bitte aus der einzelnen TAB-Zeile ein doppelte machen, damit ich zumindest 2 Zeilen mit Tabs habe, wenn Zeile 1 voll ist ?

Das kannst Du selbst machen, denn um so mehr Tabs Du öffnest, so werden auch mehr Tab-Reihen angezeigt. Wieviele es sein sollen wird in dem Script von hier RE: Firefox 81 TABs viel zu klein ! in Zeile 69 max-height: calc( 3 * 28px ) !important; /* Anzahl der Tabreihen * Minimal-Höhe */

festgelegt. In der jetzigen Einstellung also 3, wie Du auch auf meinem Bild erkennen kannst. Werden noch mehr Tabs geöffnet, dann sind sie verdeckt und die Scrollbar auf der rechten Seit erscheint. Zum Scrollen gibt es zwei Möglichkeiten, einmal über die Scrollbar, oder mit dem Mausrad direkt in der Tableiste.

Teste bitte mal die Tastenkombination strg + t, und zwar so lange bis die Tabreihen gefüllt sind, so kannst Du es erkennen.

FuchsFan

Zitat von GermanFreme82

Ich hab nun meine ganze CSS nach "xul" durchsucht und alle in "xhtml" umgeändert.
Eine Änderung ist trotzdem nicht

Also, wenn ich mir Deinen verwendeten Code ansehe, dann wird einem ja "übel".

Ich mache Dir jetzt folgenden Vorschlag, Du probierst jetzt den Code, den Du in die userChrome.css einfügst. Die Tabgestaltung ist hauptsächlich von hier übernommen RE: Multirow-Tableiste mit Userchrome.css funktioniert nicht mehr in FF81.

Und es ist nur der Code noch für die Ordner eingebaut.

Alles Weitere kannst Du dann später noch wieder der Reihe nach einbauen.

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml),
url("chrome://browser/content/places/places.xhtml") {
.bookmark-item[container="true"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}


/* -----------------------------*/
/* Tab: Optische Anpassungen    */
/* -----------------------------*/

#tabbrowser-tabs :not([fokus]){
    opacity: 1!important;
}

/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
    font-weight: 500 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
}

.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
    text-shadow: none !important; 
}
   
.tabbrowser-tab .tab-label[selected="true"] {
    font-weight: 500 !important;
    font-size:   12px !important; 
    font-family: "Arial" !important; 
}

/* Inaktive Tabs Schrift kursiv */
.tabbrowser-tab:not([selected]) {
    font-style: italic !important;
}
    
/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
    background: red !important;
    color: white !important;
    border-radius: 80px !important;
}

.tabbrowser-tab[selected] .tab-content:hover{
    background: yellow !important;
    color: blue !important; 
}

/* Tab ungelesen */
.tabbrowser-tab[pending] .tab-content{    
    background:  blue !important;
    color: yellow !important;
    border-radius: 80px !important;
}
.tabbrowser-tab[pending] .tab-content:hover{
    background: dodgerblue !important;
}

/* Tab gelesen */
.tabbrowser-tab .tab-content {
    background: green !important;
    color: white !important; 
    border-radius: 80px !important;
}
.tabbrowser-tab .tab-content:hover {
    background: coral !important;
    color: white !important; 
}

/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 26px !important;
    max-height: 26px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned]) {
    min-width: 172px !important;/* Minimale Tabbreite 76px */
    max-width: 172px !important;/* Maximale Tabbreite 225px */
}

/* 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;
}

.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px!important;
    border-left: 0px solid!important;
    border-image:none!important;
    border-image-slice: 0!important;
    width: 0px!important;
    box-sizing: border-box;
    opacity: 0!important;
}

Alles anzeigen

Dann verwendest Du dazu folgendes Script:

CSS

// ==UserScript==
// @name           zzzz-MultiRowTab_LiteforFx48.uc.js
// @namespace      http://space.geocities.yahoo.co.jp/gl/alice0775
// @description    Experimentelle CSS Version für Mehrzeilige Tableiste
// @include        main
// @compatibility  Firefox 73
// @author         Alice0775
// @version        2016/08/05 00:00 Firefox 48
// @version        2016/05/01 00:01 hide favicon if busy
// @version        2016/03/09 00:01 Bug 1222490 - Actually remove panorama for Fx45+
// @version        2016/02/09 00:01 workaround css for lwt
// @version        2016/02/09 00:00
// ==/UserScript==
"use strict";
MultiRowTabLiteforFx();
function MultiRowTabLiteforFx() {

    /* Symbolleisten und Menüleiste von der Titelleiste in die Navigator-Toolbox verschieben */
    document.getElementById("titlebar").parentNode.insertBefore(document.getElementById("toolbar-menubar"),document.getElementById("titlebar"));

    var css =` @-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

    /* Symbolleiste Sortieren */
    #toolbar-menubar { -moz-box-ordinal-group: 1 !important; } /* Menüleiste */
    #nav-bar { -moz-box-ordinal-group: 2 !important; }         /* Navigationsleiste */
    #PersonalToolbar { -moz-box-ordinal-group: 3 !important; } /* Lesezeichen-Symbolleiste */
    #titlebar { -moz-box-ordinal-group: 4 !important; }        /* Titelleiste */

    /* Anpassung der Symbolleiste */
    [tabsintitlebar="true"] #toolbar-menubar { height: 29px; }
    [tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox { padding-top: 8px !important; }
    #titlebar,#tabbrowser-tabs { -moz-appearance: none !important; }

    /* Windows 10 und Firefox Standardtheme, Fensterausenlinie in weiß. 
       Anpassung für Titelleistenschaltflächen wenn sie in den Hintergrund verschoben sind */
    #main-window:not([lwtheme="true"]) #TabsToolbar .titlebar-buttonbox .titlebar-button,
    #main-window:not([lwtheme="true"]) #window-controls toolbarbutton { color: rgb(24, 25, 26) !important; }
    #main-window:not([lwtheme="true"]) #TabsToolbar .titlebar-buttonbox .titlebar-button:not(.titlebar-close):hover,
    #main-window:not([lwtheme="true"]) #window-controls toolbarbutton:not([id="close-button"]):hover {
        background-color: var(--lwt-toolbarbutton-hover-background, hsla(0,0%,70%,.4)) !important; }

    /* Anpassung für Titelleistenschaltflächen */
    #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 für die Schaltflächen der Titelleiste einfügen, damit die    
       Schaltflächen der Titelleiste und der Navigationsleiste nicht verdeckt werden */
    [tabsintitlebar="true"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar:not([inFullscreen="true"]) { padding-right: 139px !important; }
    #navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; }

       /* Platz für Scrollbar schaffen */
    .tabbrowser-tabs {
    margin-right: -41px !important; }

    box[class="scrollbox-clip"][orient="horizontal"],
    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: 26px !important; /* Tab-Höhe(21px) + 2px */
    max-height: calc( 3 * 28px ) !important;  /* Anzahl der Tabreihen * Minimal-Höhe */
    -moz-window-dragging: no-drag !important; }

    /* Buttons/Zwischenräume Ausblenden */
    hbox.titlebar-spacer,
    [class="scrollbutton-up"],
    [class="scrollbutton-up"] + spacer,
    scrollbox[part][orient="horizontal"] + spacer,
    [class="scrollbutton-down"] { 
    display: none; }

    #TabsToolbar > .titlebar-buttonbox-container {
    display: none !important; }    

    /* Drag-Bereich auf der linken und rechten Seite der
       Tab-Leiste ausblenden - verstecken
       Links und rechts → hbox.titlebar-spacer 
       links → hbox.titlebar-spacer[type="pre-tabs"] 
       rechts → hbox.titlebar-spacer[type="post-tabs"] */
    hbox.titlebar-spacer
    ,
    /* Ausblenden - Verstecken */
    #alltabs-button,
    tabs tab:not([fadein]),
    #toolbar-menubar[autohide="false"] + #titlebar #TabsToolbar .titlebar-buttonbox-container,
    [class="scrollbutton-up"],
    [class="scrollbutton-up"] ~ spacer,
    [class="scrollbutton-down"] { display: none; }
    
    } `;
    
    var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

    gBrowser.tabContainer.clearDropIndicator = function() {
        var tabs = document.getElementsByClassName("tab-background");
        for (let i = 0, len = tabs.length; i < len; i++) {
            tabs[i].style.removeProperty("border-left-style");
            tabs[i].style.removeProperty("border-right-style");
        }
    }
    gBrowser.tabContainer.addEventListener("dragleave", function(event) { this.clearDropIndicator(event); }, true);

    gBrowser.tabContainer.on_dragover = function(event) {
        this.clearDropIndicator();
        var effects = this._getDropEffectForTabDrag(event);
        event.preventDefault();
        event.stopPropagation();
        if (effects == "link") {
            let tab = this._getDragTargetTab(event, true);
            if (tab) {
                if (!this._dragTime) {
                    this._dragTime = Date.now();
                }
                if (Date.now() >= this._dragTime + this._dragOverDelay) {
                    this.selectedItem = tab;
                }
                return;
            }
        }
        let newIndex = this._getDropIndex(event, effects == "link");
        let children = document.getElementsByClassName("tab-background");
        if (newIndex == children.length) {
            children[newIndex - 1].style.setProperty("border-right","2px solid red","important");
        } else {
            children[newIndex].style.setProperty("border-left","2px solid red","important");
        }
    }

    gBrowser.tabContainer.on_drop = function(event) {
        this.clearDropIndicator();
        var dt = event.dataTransfer;
        var dropEffect = dt.dropEffect;
        var draggedTab;
        let movingTabs;
        if (dt.mozTypesAt(0)[0] == TAB_DROP_TYPE) {
            // tab copy or move
            draggedTab = dt.mozGetDataAt(TAB_DROP_TYPE, 0);
            // not our drop then
            if (!draggedTab) {
                return;
            }
            movingTabs = draggedTab._dragData.movingTabs;
            draggedTab.container._finishGroupSelectedTabs(draggedTab);
        }
        this._tabDropIndicator.hidden = true;
        event.stopPropagation();
        if (draggedTab && dropEffect == "copy") {
            // copy the dropped tab (wherever it's from)
            let newIndex = this._getDropIndex(event, false);
            let draggedTabCopy;
            for (let tab of movingTabs) {
                let newTab = gBrowser.duplicateTab(tab);
                gBrowser.moveTabTo(newTab, newIndex++);
                if (tab == draggedTab) {
                    draggedTabCopy = newTab;
                }
            }
            if (draggedTab.container != this || event.shiftKey) {
                this.selectedItem = draggedTabCopy;
            }
        } else if (draggedTab && draggedTab.container == this) {
            let oldTranslateX = Math.round(draggedTab._dragData.translateX);
            let tabWidth = Math.round(draggedTab._dragData.tabWidth);
            let translateOffset = oldTranslateX % tabWidth;
            let newTranslateX = oldTranslateX - translateOffset;
            if (oldTranslateX > 0 && translateOffset > tabWidth / 2) {
                newTranslateX += tabWidth;
            } else if (oldTranslateX < 0 && -translateOffset > tabWidth / 2) {
                newTranslateX -= tabWidth;
            }
            let dropIndex = this._getDropIndex(event, false);
            //  "animDropIndex" in draggedTab._dragData &&
            //  draggedTab._dragData.animDropIndex;
            let incrementDropIndex = true;
            if (dropIndex && dropIndex > movingTabs[0]._tPos) {
                dropIndex--;
                incrementDropIndex = false;
            }
            let animate = gBrowser.animationsEnabled;
            if (oldTranslateX && oldTranslateX != newTranslateX && animate) {
                for (let tab of movingTabs) {
                    tab.setAttribute("tabdrop-samewindow", "true");
                    tab.style.transform = "translateX(" + newTranslateX + "px)";
                    let onTransitionEnd = transitionendEvent => {
                        if (
                            transitionendEvent.propertyName != "transform" ||
                            transitionendEvent.originalTarget != tab
                        ) {
                            return;
                        }
                        tab.removeEventListener("transitionend", onTransitionEnd);
                        tab.removeAttribute("tabdrop-samewindow");
                        this._finishAnimateTabMove();
                        if (dropIndex !== false) {
                            gBrowser.moveTabTo(tab, dropIndex);
                            if (incrementDropIndex) {
                                dropIndex++;
                            }
                        }
                        gBrowser.syncThrobberAnimations(tab);
                    };
                    tab.addEventListener("transitionend", onTransitionEnd);
                }
            } else {
                this._finishAnimateTabMove();
                if (dropIndex !== false) {
                    for (let tab of movingTabs) {
                        gBrowser.moveTabTo(tab, dropIndex);
                        if (incrementDropIndex) {
                            dropIndex++;
                        }
                    }
                }
            }
        } else if (draggedTab) {
            let newIndex = this._getDropIndex(event, false);
            let newTabs = [];
            for (let tab of movingTabs) {
                let newTab = gBrowser.adoptTab(tab, newIndex++, tab == draggedTab);
                newTabs.push(newTab);
            }
            // Restore tab selection
            gBrowser.addRangeToMultiSelectedTabs(
                newTabs[0],
                newTabs[newTabs.length - 1]
            );
        } else {
            // Pass true to disallow dropping javascript: or data: urls
            let links;
            try {
                links = browserDragAndDrop.dropLinks(event, true);
            } catch (ex) {}
            if (!links || links.length === 0) {
                return;
            }
            let inBackground = Services.prefs.getBoolPref(
                "browser.tabs.loadInBackground"
            );
            if (event.shiftKey) {
                inBackground = !inBackground;
            }
            let targetTab = this._getDragTargetTab(event, true);
            let userContextId = this.selectedItem.getAttribute("usercontextid");
            let replace = !!targetTab;
            let newIndex = this._getDropIndex(event, true);
            let urls = links.map(link => link.url);
            let csp = browserDragAndDrop.getCSP(event);
            let triggeringPrincipal = browserDragAndDrop.getTriggeringPrincipal(
                event
            );
            (async () => {
                if (
                    urls.length >=
                    Services.prefs.getIntPref("browser.tabs.maxOpenBeforeWarn")
                ) {
                    // Sync dialog cannot be used inside drop event handler.
                    let answer = await OpenInTabsUtils.promiseConfirmOpenInTabs(
                        urls.length,
                        window
                    );
                    if (!answer) {
                        return;
                    }
                }
                gBrowser.loadTabs(urls, {
                    inBackground,
                    replace,
                    allowThirdPartyFixup: true,
                    targetTab,
                    newIndex,
                    userContextId,
                    triggeringPrincipal,
                    csp,
                });
            })();
        }
        if (draggedTab) {
            delete draggedTab._dragData;
        }
    }

    gBrowser.tabContainer._getDropIndex = function(event, isLink) {
        var tabs = this.allTabs;
        var tab = this._getDragTargetTab(event, isLink);
        if (!RTL_UI) {
            for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) {
                if (
                    event.screenY <
                    tabs[i].screenY + tabs[i].getBoundingClientRect().height
                ) {
                    if (
                        event.screenX <
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
                    ) {
                        return i;
                    }
                    if (
                        event.screenX >
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 &&
                        event.screenX <
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width
                    ) {
                        return i + 1;
                    }
                }
            }
        } else {
            for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) {
                if (
                    event.screenY <
                    tabs[i].screenY + tabs[i].getBoundingClientRect().height
                ) {
                    if (
                        event.screenX <
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width &&
                        event.screenX >
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
                    ) {
                        return i;
                    }
                    if (
                        event.screenX <
                        tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
                    ) {
                        return i + 1;
                    }
                }
            }
        }
        return tabs.length;
    }

}

Alles anzeigen

Das zusammen probiere erst einmal, und schaue ob Du damit zurecht kommst.

FuchsFan

Zitat von GermanFreme82

was bei mir aktuell falsch läuft im FF81.

Das kann ich Dir auch nicht sagen. Aber ich habe Deinen Code von hier genommen, und nur diesen in die userChrome.css eingefügt.Es funktioniert mit der Anzeige der Tabreihen, als auch mit dem Verschieben der Tabs.

Ich sehe gerade, Du hast da noch einen Ordner css, also nutzt Du noch anderen Code?

FuchsFan

Hab es jetzt im akt. Nightly probiert, auch hier neuer Tab.

Edit:

Und jetzt auch Test in Version 81, hier Öffnung im selben Tab.

FuchsFan

Zitat von 2002Andreas

Laut deinem Screenshot sind da dann aber Änderungen schon vorhanden.

Das ist richtig, und der Eintrag browser.search.openintab steht auf true. Betriebssystem ist Win10 x64 Pro, weil das hier auch angedeutet wurde.

FuchsFan

Zitat von 2002Andreas

Hast du das mit einem neuen Profil ohne jegliche Änderung getestet?

Mit dem kürzlich neu angelegten portablen ESR, der gerade geöffnet ist.

FuchsFan

Und auch dann ein neuer Tab.

FuchsFan

Zitat von Sören Hentzschel

Kann ich nicht bestätigen, hier wird ein neuer Tab geöffnet.

Hier ist es auch so. Immer Test in Url-Bar eingegeben, dann auf Pfeil, Ergebnis ist neuer Tab.

FuchsFan

Zitat von Boersenfeger

Stelle mal einen Code davon zur Verfügung...

Danke, Boersenfeger, für Dein Hilfsangebot.

In der Zwischenzeit hat sich das Problem erledigt, alle Scripte funktionieren. Was hatte ich gemacht?

Einen ESR-Portable erstellt, das Profil aus der akt. Version 81 übernommen. Alle css-Codes funktionieren, nur die Scripte nicht.

Neubeginn, Profil aus akt. Nightly (83) übernommen, Scripte funktionieren. Wieso, warum, keine Ahnung.

FuchsFan

Woran kann es liegen, dass von den acht Scripten keines funktioniert? Alle Scripte laufen bis Version 83.

Vorbereitungen sind getroffen, alle anderen css-Codes arbeiten fehlerfrei.

FuchsFan

Zitat von 2002Andreas

Selbst in der Beta keine Probleme.

Nun habe ich in der Beta probiert, da funktioniert der Code auch.

In dem Test-Fox ist nur ein Code für die Adressleiste vorhanden, sowie zwei Scripte. Nun wieder probiert, funktioniert nicht. Seltsam!

Edit:

Andreas, es war der Code für die Url-Bar, deaktiviert, dann funktioniert auch der Code hier. Sorry!

FuchsFan

Zitat von 2002Andreas

Funktioniert hier einwandfrei.

Hier so.

FuchsFan

Zitat von 2002Andreas

Teste bitte mal

Hallo, Andreas!

Ich mische hier mal mit, habe getestet, aber will nicht so recht. Ich hatte mir mal einen Code dazu abgespeichert, glaube er war sogar von Dir (?), wenn ich den Deinem hier geposteten voran stelle, dann wird es so angezeigt. Ich habe jetzt nichts weiter geprüft und eingestellt.

CSS

    @charset "UTF-8"; 
    /* Tabbreite anpassen - fixieren */    
    .tabbrowser-tab:not([pinned]) {
    min-width: 150px !important; 
    max-width: 150px !important; 
    }

    /* Titelleiste verschieben */
    #titlebar { -moz-box-ordinal-group: 2!important;}

    /* Menüleiste 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 über der Symbolleiste schaffen */
    #main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 39px transparent !important; }
    #main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 34px transparent !important; }

    /* Anderen leeren Bereich, als Menü und Titelleistenschaltflächen zu einem Ziehbereich machen */
    [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 schaffen, damit die Schaltflächen der Titelleiste und der Navigationssymbolleiste nicht im Vollbildmodus angezeigt werden */
    #navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; }

    /* Mehrzeilige Tableiste */
    tabs > arrowscrollbox { display: block; }
    scrollbox[part][orient="horizontal"] {
        display: flex;
        flex-wrap: wrap;
        max-height: calc(var(--tab-min-height) * 2); /* Anzahl der Tabzeilen(Standard = 2 Zeilen) */
        overflow-x: hidden;
        overflow-y: auto; }
    tabs tab[fadein]:not([pinned]) { flex-grow: 1; }
    tabs tab,.tab-background {
        height: var(--tab-min-height);
        overflow: hidden; }
    tab > .tab-stack { width: 100%; }

    /* Bei Überschreitung der angegebenen Zeilenanzahl, mit der Maus,    
       über die dann eingeblendetet Scrolleiste zur gewünschten Zeile wechseln */
    scrollbox[part][orient="horizontal"] { -moz-window-dragging: no-drag; }

    /* Drag-Bereich auf der linken und rechten Seite der
       Tab-Leiste ausblenden - verstecken
       Links und rechts → hbox.titlebar-spacer 
       links → hbox.titlebar-spacer[type="pre-tabs"] 
       rechts → hbox.titlebar-spacer[type="post-tabs"] */
    hbox.titlebar-spacer
    ,
    /* Ausblenden - Verstecken */
    #alltabs-button,tabs tab:not([fadein]),
    [class="scrollbutton-up"],[class="scrollbutton-up"] ~ spacer,
    [class="scrollbutton-down"] { display: none; }

Alles anzeigen

FuchsFan

Zitat von Speravir

Selbst wenn man das Skript so nicht nutzen will, kann man sich ja ansehen, was Aris geändert hat.

Danke, funktioniert.

FuchsFan

Zitat von .DeJaVu

Damit wäre es immer vom Rechten Rand abhängig und nicht von linken, der sich ja in Abhängigkeit der Fensterbreite ändert.

Danke, den Code habe ich jetzt eingearbeitet.

Zitat von 2002Andreas

Aber nicht den ganzen PC, die userChrome.css reicht

Zitat von grisu2099

Aber nicht schleudern - nur Schonwaschgang!

Nur mit Schleudern 1400U hat dann alles sauber raus gebracht.

Ich weiß aber trotzdem nicht woran es gelegen hat, vermutlich daran, dass ich die Höhe der Boxen und Container (oben) verändert habe.

Neu zusammen gestellt, nun ist alles wieder gut.

FuchsFan

Zitat von 2002Andreas

Du meinst wenn es regenet, dann werden deine Codes mal gewaschen und funktionieren wieder

Du bringst mich auf eine Idee, ab damit in die Waschmaschine.

Beiträge von FuchsFan

Durch Skripte erzeugte Icons - lokal gespeicherte .png-Icons statt base64 verwenden - wie funktioniert es?

Firefox 81 TABs viel zu klein !

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Firefox 81 TABs viel zu klein !

Firefox 81 TABs viel zu klein !

Firefox 81 TABs viel zu klein !

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Suchbegriff aus Suchleiste immer im neuen Tab öffnen

Suchbegriff aus Suchleiste immer im neuen Tab öffnen

Suchbegriff aus Suchleiste immer im neuen Tab öffnen

Suchbegriff aus Suchleiste immer im neuen Tab öffnen

Suchbegriff aus Suchleiste immer im neuen Tab öffnen

User Script Probleme mit Firefox 78 ESR

User Script Probleme mit Firefox 78 ESR

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Firefox 81: RestartFirefox.uc.js funktioniert nicht

Anpassung Camp-Firefox Hilfe-Forum

Anpassung Camp-Firefox Hilfe-Forum