userChrome Tabs umgestalten, Icons anlegen

Atarist

Hi,

ich möchte mir mittels userChrome.css einiges praktikabler und hübscher gestalten, habe mir dazu bereits die userChrome.css aus dem guten alten FF 56 (vor Quantum) übernommen, aber schon einiges rumgedoktert und gelöscht:

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

:root
{
 --tab-min-height: 22px !important;
 /*--tab-max-height: 22px !important;*/
}

tab
{
 max-width:140px !important;
 /*padding:4px 2px !important;*/
 border:1px solid #0055A6 !important;
 /*background:rgba(30, 144, 255, .8) !important;*/
 border-right:0 !important;
 border-bottom:0 !important;
 border-radius:0 !important;
 border-top-left-radius: 8px !important;
 border-top-right-radius: 8px !important;
 font-size:90% !important;
 color:#FF0 !important;
 background:#00305D !important;
}

/*
#updateSeparator, #checkForUpdates
{
 display:none !important;
}
*/

Alles anzeigen

Einiges wird übernommen, aber wohl nicht alles:

- wie ( mit welcher CSS-Klasse ) kann ich den aktiven Tab umgestalten; die inaktiven funktionieren halbwegs.

- Irgendwie scheint mir das "Close-X" der Tabs abhanden gekommen zu sein ( der Platz ist noch da, schließen kann ich auch, nur das "X" ist weg).

- wie kann ich die Höhe der Tabs verkleinern

- wie kann ich den Innenabstand ( padding ) verkleinern, bzw. ändern

Ich habe permanent 40 - 50 Tabs offen, die ich auch permanent benötige.

Außerdem:

- Gibt es eine Möglichkeite / Erweiterung, mit der ich mir eine zusätzliche Symbol-Leiste anlegen und oben positionieren kann?

- Wie kann ich die FF-Standard-Icons (Vor / Zurück, Neu laden, Lupe, Download Entwickler...) ändern. Bei Thunderbird gibt es die Erweiterungen der "Phonety Icons, Phonety Buttons"), unter FF56 gab es noch die Erweiterung "Noia-Button" und NoiaFox"... aber geht alles seit diesem "Quantum-Mist" nicht mehr...

Danke Euch erstmal bis dahin!

Boersenfeger

Du kannst dir ja mal diesen Code ansehen und ggf. das ein oder andere nutzen

CSS

/* Tabs rund und farbig */

/**********************************************************
 ********** Vollbildmodus *********************************
 **********************************************************/

/* Damit die Rückkehr aus dem Vollbildmodus mit der Maus klappt:
 * Bei 0 bleiben die URL-Leiste und die Tab-Leiste immer sichtbar,
 * je größer der negative Wert, desto mehr verschwindet aus dem sichtbaren
 * Bereich, ein Pixel muß für den Mauskontakt am oberen Rand immer sichtbar
 * bleiben. Den Wert an die Leistenhöhe anpassen!
 */


#main-window[inFullscreen="true"] #navigator-toolbox {
  margin-top: -80px !important;
}

/* Bei Mauskontakt des noch sichtbaren Pixels die Leisten wieder einblenden
 */
#main-window[inFullscreen="true"] #navigator-toolbox:hover {
  margin-top: 0 !important;
}

/* Etwas schnellere Animation beim ein- und ausblenden, normal ist 1.5s
 */
#navigator-toolbox {
  transition: 0.5s !important;
}

/**********************************************************
 ********** Angaben für die TAB-Leiste ********************
 **********************************************************/

/* TAB normal (inaktiv):
 * Hintergrundfarbe, Schriftfarbe,
 * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
 * unten kein Rahmen -> Abschlußrahmen vom Container.
 */

    #toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
    border:none!important;}
    
    #TabsToolbar .tabbrowser-tab {
    color: black !important;
    border: 1px solid !important;
    border-bottom: 1px solid black !important;
    border-radius: 14px 14px !important;
    margin: 1px 1px 1px 1px !important;
    padding: 0px 0 !important; 
        }

/* TAB bei Mauskontakt:
 * Hintergrundfarbe, Rahmen
 */
 
    #TabsToolbar .tabbrowser-tab:hover {
    color: black !important;
    border: 1px solid !important;
    border-bottom: 1px solid black !important;
    border-radius: 14px 14px !important;
    margin: 1px 1px 1px 1px !important;
    padding: 0px 0 !important; 
        }

/* TAB bei bei angewähltem TAB (aktiv):
 * Hintergrundfarbe, Rahmen,
 * Schriftfarbe.
 */
 
    #TabsToolbar .tabbrowser-tab[selected="true"] {
    background: red !important;
    font-weight:bold !important;
    color: black ! important;
        }

/* Tab-Icon etwas größer,
 * links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
 
    #TabsToolbar .tab-icon-image {
    height: 22px !important;
    width:  22px !important;
    margin-left: -4px !important;
    margin-bottom: 2px !important;
        }
        
/* Tab-Schließen-Button:
 * Rechts weniger Abstand zum TAB-Rand, etwas größer,
 * Textfarbe (Kreuz)
 * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
 */
 
    #TabsToolbar .tab-close-button {
    margin-right: -4px !important;
    padding: 0 !important;
    color: black !important;
        }
    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 22px !important;
    width:  22px !important;
    background-color: red !important;
    border-radius: 5px !important;
        }

/* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {display: none}

/* Alle anderen Elemente in den TABs ohne Hintergrund. */

    #TabsToolbar .tabbrowser-tab * {
    background: none !important;
        } 

/* Tab-Rahmenelemente entfernen (obere Linie aktiver Tab, Seitentrennlinien) */

    #toolbar-menubar:not([autohide="true"]) + 
    #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background, :root:not([tabsintitlebar]) .tab-background, :root[extradragspace] .tab-background {
    border-top-style: none !important;
        }
    .tabbrowser-tab::after, .tabbrowser-tab::before {
    border-left: none !important;
    }
    .searchbar-textbox, #urlbar {
    border-radius: 20px !important;
    min-height: 35px !important;
    padding: 0 !important;
    margin: 0 2px !important;
        }

/* Schriftgröße Tabs */

    .tab-text {
    font-size:15px !important;
        }

/* @-moz-document url-prefix("chrome://browser/content/browser.xhtml") */   

    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 0em) !important;
        }

Alles anzeigen

hat diese Auswirkung:

Der aktive Tab ist rot und hat ein Schließkreuz...

2002Andreas

Zitat von Atarist

mit der ich mir eine zusätzliche Symbol-Leiste anlegen

Mit einem Script geht das, sieht dann so aus:

Um Scripte zu nutzen bedarf es erst diverser Vorbereitungen die hier beschrieben werden:

https://github.com/Endor8/userChr…ster/userChrome

Und hier das Script dafür ist von Aris:

https://github.com/Aris-t2/Custom…onbar_old.uc.js

JavaScript

// 'Additional top toolbars' script for Firefox 60+ by Aris
// - "number_of_additional_top_toolbars": set the amount of additional top toolbar
// - "tb_label": set a toolbar name
// - use toolbar[id^="additional_top_toolbar"] {...} to affect all toolbars at once in CSS

// [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts)
//
// workaround on Fx 71 to save/restore toolbar visibility
// creating an observer array always fails, so observers are created manually atm.


Components.utils.import("resource:///modules/CustomizableUI.jsm");
var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {});
var appversion = parseInt(Services.appinfo.version);

var AdditionalTopToolbars = {
  init: function() {

    /* blank tab workaround */
    try {
      if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
    } catch(e) {}
      
    var number_of_additional_top_toolbars = 1; // max 5 to save toolbar state on Fx 71+ (add additional code at the bottom for more)
    var tb_label = "Top Toolbar";

    try {
     if(document.getElementById('additional_top_toolbar1') == null) {
        
      if(number_of_additional_top_toolbars>0 && number_of_additional_top_toolbars<6) {
    
        var i=1;

        while(i<=number_of_additional_top_toolbars) {
        
          if(appversion <= 62) var toptoolbar = document.createElement("toolbar");
          else var toptoolbar = document.createXULElement("toolbar");
        
          toptoolbar.setAttribute("id", "additional_top_toolbar"+i+"");
          toptoolbar.setAttribute("toolbarname", tb_label+" ("+i+")");
          toptoolbar.setAttribute("toolbarname", tb_label+" ("+i+")");
          toptoolbar.setAttribute("customizable","true");
          toptoolbar.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
          toptoolbar.setAttribute("mode","icons");
          toptoolbar.setAttribute("iconsize","small");
          toptoolbar.setAttribute("toolboxid","navigator-toolbox");
          toptoolbar.setAttribute("context","toolbar-context-menu");
          toptoolbar.setAttribute("lockiconsize","true");
          toptoolbar.setAttribute("defaultset","spring");
        
          document.querySelector('#navigator-toolbox').appendChild(toptoolbar);
          
          CustomizableUI.registerArea("additional_top_toolbar"+i+"", {legacy: true});
          if(appversion >= 65) CustomizableUI.registerToolbarNode(toptoolbar);
          
          // top toolbars 'collapsed' on startup
          //setToolbarVisibility(toptoolbar, false);
          
          try {
            Services.prefs.getDefaultBranch("browser.additional_top_toolbar"+i+".").setBoolPref("enabled",true);
            setToolbarVisibility(document.getElementById("additional_top_toolbar"+i+""), Services.prefs.getBranch("browser.additional_top_toolbar"+i+".").getBoolPref("enabled"));
          } catch(e) {}      
          
          i++;
        
        }
      }
      
      // CSS
      var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

      var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
      \
        toolbar[id^="additional_top_toolbar"] { \
          -moz-appearance: none !important; \
          background-color: var(--toolbar-bgcolor); \
          background-image: var(--toolbar-bgimage); \
          background-clip: padding-box; \
          color: var(--toolbar-color, inherit); \
        } \
        #main-window[customizing] toolbar[id^="additional_top_toolbar"] { \
          outline: 1px dashed !important; \
          outline-offset: -2px !important; \
        } \
      \
      '), null, null);

      sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    
     }
     
     
     if(number_of_additional_top_toolbars>=1) {
        var observer1 = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {
            Services.prefs.getBranch("browser.additional_top_toolbar1.").setBoolPref("enabled",!document.querySelector("#additional_top_toolbar1").collapsed);
          });    
        });             
        observer1.observe(document.querySelector("#additional_top_toolbar1"), { attributes: true, childList: true, characterData: true });
      }
      if(number_of_additional_top_toolbars>=2) {
        var observer2 = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {
            Services.prefs.getBranch("browser.additional_top_toolbar2.").setBoolPref("enabled",!document.querySelector("#additional_top_toolbar2").collapsed);
          });    
        });             
        observer2.observe(document.querySelector("#additional_top_toolbar2"), { attributes: true, childList: true, characterData: true });
      }
      if(number_of_additional_top_toolbars>=3) {
        var observer3 = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {
            Services.prefs.getBranch("browser.additional_top_toolbar3.").setBoolPref("enabled",!document.querySelector("#additional_top_toolbar3").collapsed);
          });    
        });             
        observer3.observe(document.querySelector("#additional_top_toolbar3"), { attributes: true, childList: true, characterData: true });
      }
      if(number_of_additional_top_toolbars>=4) {
        var observer4 = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {
            Services.prefs.getBranch("browser.additional_top_toolbar4.").setBoolPref("enabled",!document.querySelector("#additional_top_toolbar4").collapsed);
          });    
        });             
        observer4.observe(document.querySelector("#additional_top_toolbar4"), { attributes: true, childList: true, characterData: true });
      }
      if(number_of_additional_top_toolbars>=5) {
        var observer5 = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {
            Services.prefs.getBranch("browser.additional_top_toolbar5.").setBoolPref("enabled",!document.querySelector("#additional_top_toolbar5").collapsed);
          });    
        });             
        observer5.observe(document.querySelector("#additional_top_toolbar5"), { attributes: true, childList: true, characterData: true });
      }

    } catch(e){}    

  }

}

/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AdditionalTopToolbars.init(), false);

// not needed anymore, but just in case someone prefers initialization that way
/*
setTimeout(function(){
  AdditionalTopToolbars.init();
},500);
*/

Alles anzeigen

milupo

Zitat von Atarist

87

Na das ist doch mal was: In sehr kurzer Zeit ein Sprung von einer uralten Firefox-Version in eine Version, die es noch gar nicht gibt.

2002Andreas

Zitat von Atarist

aber geht alles seit diesem "Quantum-Mist" nicht mehr...

Naja, du hattest Jahre Zeit um alles wieder anpassen zu können, jetzt ist das natürlich eine Menge Arbeit.

Auch mit der aktuellen Version lässt sich alles wieder anpassen, wenn auch ohne Erweiterung.

Zitat von Atarist

die FF-Standard-Icons (Vor / Zurück

Z.B. so:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml){

#back-button > .toolbarbutton-icon{
filter:none!important;
list-style-image: url("data:image/png;base64,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") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;}
       


#forward-button > .toolbarbutton-icon{
filter:none!important;
list-style-image: url("data:image/png;base64,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") !important;
margin-left:-3px!important;
-moz-image-region: rect(0px 16px 16px 0px) !important;}
}

Alles anzeigen

milupo

Zitat von Atarist

alles seit diesem "Quantum-Mist" nicht mehr...

Ich vermute mal, dass du dich überhaupt nicht mit Firefox 57 und höher beschäftigt hast. Du wolltest deine Erweiterungen behalten und das war es. Sicherheit? Ach, wozu? Weiterentwicklung von Firefox? Unwichtig. Andere Möglichkeiten stattdessen? Uninteressant.

Nun gut, du wechselst endlich. Das war schon lange nötig.

Atarist

andreas:

Du vermutest schon halbwegs richtig: Da viele Erweiterungen durch Quantum nicht mehr funktionierten, bin ich bei FF56 als "Arbeitsbrowser" geblieben - werde ich vorerst auch weiterhin tun. Habe mich aber durchaus "alle halbe halbe Jahre" mit neuen AddOnes beschäftigt. Aber bis heute habe ich keine adäquaten Ersatz gefunden.

Beispiele:

- Mit dem "Fire Source Viewer" ist eine wichtige Hürde erstmal genommen: Ich kann mir wieder gerenderte Source-Codes von WEB-Seiten anschauen - und das auch effektiv mit einem Click. Bis "Qunantum" war das in der separaten "WEB-Developer"-Leiste enthalten ( "View generated Code") enthalten. Das ist für echte Entwickler unverzichtbar!

- Links in neuem Tab öffnen:

... geht jetzt halbwegs akzeptabel mit den Erweiterungen "Open in new Tab" und und dem Nachfolger von "Tab-Mix plus", der "Tab Mix Links" Erweiterung. Leistet aber leider und bei weitem nicht so viel wie "Tab-Mix plus".

Noch immer unzureichend (Beispiel):

Mit der alten "Save Image in Folder" konnte ich Bilder in beliebige Ordner auf beliebigen Partitionen und beliebig ins Netzwerk bzw. auf Server ( Netzlaufwerke....) speichern - z.B. direkt in einen Kunden-Ordner oder in einen Cloud-Ordner. Gehtr bis heuite nicht, ist aber für uns hier schlichtweg unverzichtbar.

Mit dem ehemaligen Phoenix-Editor konnte ich "live", schnell und einfach WEB-site-Codes live testen, ändern... unverzichtbar, wenn man Code testen will. Das spart massig Test- ud Entwicklungszeit = also auch n Haufen €-Kohle...

Ansonsten sind mir primär eine effektive und auf meine Bedürfnisse ( + subjektiver Geschmack) Arbeitsoberfläche am wichtigsten: Ich will und muß mit eine Click das erreichen, wa sich gerade brauche; mich nicht durch Menüs etc. durchkämpfen.

So ist es mir vollkomen unverständlich, weshalb ich standardmäßig keine eigene Symbollleiste mehr unter FF anlegen kann, in der ich AddOnes ablegen kann, ohne mir meine Adress- und Suchleiste reduzieren zu müssen, soi dass ich URL-Adessen nicht mehr komplett sehen kann.

Das hat weder etwas mit Sicherheit, nicht mit Schnelligkeit zu tun. Das ist Kastration.

Sicherheit?

Ja, da hast Du schon recht! Aber ehrlich gesagt: Mir geht dieses Sicherheits-Gedönse ziemlich auf den Sack!

In meinem Netzwerk ( 1 lokaler Server, 8 PCs, 4 PCs online für "Heimarbeiter", 400 physikalische WEB-Server in eigenem RZ-Cage) kommt nix durch, SPAM-Killer löschen verdächtige Mails automatisch sofort vom Server, ohne das die irgendjemand sieht, geschweige dem auf einen PC in ein eMail-Programm gelangen (und sei es in den SPAM-Ordner); Virenscanner und Firewall ( echte Cysco-Hardware-Firewall) tun ein übriges. Das ist sicher - und wesentlich sicherer, als sich auf einen "vermeintlich" sichereren Browser verlassen zu müssen.

Wenn jemand in ein System einfällt ( hackt - gezielt oder massenweise), dann hat der ganz andere Möglichkeiten, als auf einen unsicheren Browser angewiesen zu sein ( es sei denn, man besicht regelmäßig irgendwelche Porno-Seiten, oder noch schlimmer... )

Und selbst wenn was passiert: Dann sind Server und PCs bei mir innerhalb eines Tages incl. aller Daten neu aufgebaut. Mich intreessiert dieser ganze Sicherheits-Quatsch solange nicht, wie es mein Unternehmen deswegen Geld und Zeit kostet; schon gar nicht wenn damit nur ein sehr geringer - marginaler - Teil an zusätzlicher Sicherheit ( Browser ) gewährleistet wird ( Attacke über Browser ).

Richtig ist natürlich, dass dergleichen für private User sinnvoll ist. Aber dann sollte und kann eine Organisation wie Mozilla doch Mechanismen einbauen bzw. anbieten, die es professioenllen IT'lern und Entwicklern ermöglicht, für die Sicherheit selbstg zu sorgen, als Firefox regelrecht zu "kastrieren".

Schnelligkeit?

Auch das Argument eines schnellen Browsewr ist für mich Quatsch: Wir reden hier über Millisekunden!? Zugleidch aber über Minten und über die woche über Stunden an zusätzlicher Arbeit, die mir durch ein kastrriertes Interface und unzureichende Erweiterungen entstehen. Rechnet man das mal an Arbeitszeit auf das Jahr hoch - dann ist das richtig viel Kohle!

Fakten: Objektiv und pragmatisch:

Wenn man sich mal ganz pragmatisch und objektiv die verschiedenen Statistiken der Marktanteile der Browser in DE und weltweit ansieht, dann geben mir diese Fakten recht: Firefox fiel von fast 50% Marktanteil auf inzwischen unter 10% zurück, liegt aktuell bei gerade noch 8,61 % (Quelle: https://de.statista.com/statistik/date…weit-seit-2009/).

Chrome liegt inzw. aktuell bei fast 70%.

Hätte sich Mozilla anno 2016 auf seine Stärken besinnt, anstatt sich diesem "DAU"-Browser von Google anzugleichen, dann würden diese Fakten heute in Gänze anders aussehen. Auch den zusätzlichen, immens wichtigen "Exklusiv-Vorteil" eines sicheren Browsers (gegenbüber Chrome und Edge!), der die Privatspähre schützt, wohl (Konjunktiv!) nichts in die USA schickt und sich von dort auch nicht auf den PC schauen ( sich ausspionieren ) läßt, hat Mozilla damit verspielt. LEIDER!

Es wäre ein Leichtes gewesen, z.B. unberechtigte Zugriffe über den Browser von außen auf das Dateisystem abzufangen, bzw. gleich zu unterbunden, anstatt Sicherheitsasepkte einzuprogrammieren, die den Browser kastrieren.

Und schließlich:

Es zeugt von extrem schlechten Marketing, wenn man sich jahrelang einen immensen Kunden(User-)Stamm aufbaut und diesen dann plötzlich vieles wegnimmt, was Millionen User lieb gewonnen und / oder beruflich gebraucht haben. Das verägert die Kunden / User... und dann wechsewln die auch sehr schell, wenn sie kaum mehr Unterschiede erkennen können.

Dergleichen nutzt niemandem, außer der Konkurrenz ( = Google Chrome) - und das zeigen die Zahlen faktisch auch eindeutig.

Ich will damit nicht behaupten, dass Firefox seine fast 50% Marktanteil seit Erscheinen von Chrome behalten hätte - aber ein Marktanteil von inzw. deutlich unter 10% wäre sicherlich nicht erreicht worden.

Wie auch immer - lieber Andreas ! - ich finde es selbst wirklich schade, dass Mozilla seinen Firefox dermaßen "kastriert" hat, will und werde ihn auch weiter als "Standardbrowser" nutzen; zur Zeit noch immer in Version 56.0b (wohl letzte Version vor Quantum, 64 Bit ).

Es müßten noch 2-3 Hürden fallen, bis ich einen aktuellen Firefox als "Standard-Browser" und als Arbeitsmaschine einsetzen würde.

Und wenn es Windows irgendwann mal nicht mehr erlauben, dann arbeite ich eben unter Windows 7 oder 10 weiter. Schon heute sind an 4 meiner PC-Arbeoitsplätze je ein alter Win7-Rechner über KVM-Switches angeschlossen ( 2-Monitor-System) und werden auch rege genutzt.

Noch nie hatte wir Problem mit der Sicherheit - seit Gründung meines Unternehmens anno 1989 nicht.

So... jetzt habe ich mich mal ausgequatsch und meinem "Quantum-Ärger" Luft gemacht

Falls Du "Beziehungen zu Mozilla hast, kannstg Du es gerne weiterleiten :-)))

Jetz kümmere ich mich mal um die Infos zu meinen Fragen an Euch...

Hierzu schin mal vielen Dank im Vorraus - sieht ja schon gut aus!

DANKE!

-

milupo

Jepp... Das schafft keiner... ich meinte natürlich 83

Boersenfeger

WOW... Danke! Damit beschäftige ich mich morgen bzw. am Wochenend mal. Aber Super!

Wo bekomme ich denn mal ne userCrome-Referenz her, um die FF-Elemente ansprechen zu können?

Auf der vielfach zitierten https://www.userchrome.org finde ich kaum etwas.

Atarist

andreas

Ahh.. Scripte... Nochmal Danke!

Mach ich mal am Wochenende...

2002Andreas

Zitat von Atarist

und dann wechsewln die auch sehr schell

Wohin denn, zu welchem Browser?

Immerhin besteht ja die Möglichkeit den Fx anzupassen auch heute noch.

Zitat von Atarist

Chrome liegt inzw. aktuell bei fast 70%.

Mit fallender Tendenz.

Sören Hentzschel

Zitat von Atarist

Mit dem ehemaligen Phoenix-Editor konnte ich "live", schnell und einfach WEB-site-Codes live testen, ändern... unverzichtbar, wenn man Code testen will. Das spart massig Test- ud Entwicklungszeit = also auch n Haufen €-Kohle...

Ich entwickle hauptberuflich Websites und kann auf die Bezeichnung als "unverzichtbar" nur äußerst verwundert reagieren, es ist für mich nicht nachvollziehbar. Vielleicht solltest du deine Arbeitsweise optimieren. Davon abgesehen: Die Verwendung von Firefox 56 und Webentwicklung widerspricht sich. Wer das ernst meint, macht das hoffentlich nicht beruflich. In der Webentwicklung ist es extrem wichtig, mit der Zeit zu gehen und nicht in der Vergangenheit festzustecken.

Auf den Rest gehe ich gar nicht weiter ein. Da gibt es so manche Aussage, die bei mir ein "oh je…" auslöst. Alleine, dass du meinst, Marktanteile seien alleine qualitativ zu begründen, ist einfach falsch. Aber solange bei dir keine Bereitschaft besteht, auf Firefox 56 komplett zu verzichten, ist mir meine Zeit für mehr Text zu schade.

.DeJaVu

Zitat

Mit dem "Fire Source Viewer" [...] Das ist für echte Entwickler unverzichtbar!

Aber hier nur noch überflogen, da ist mehr Blödsinn dabei als Wissen.

Zitat von Sören Hentzschel

Aber solange bei dir keine Bereitschaft besteht,

Das Thema ist doch schon seit #1 komplett ausgelutscht. "Quantum-Mist"

Allein die Zahl der Schreibfehler und vor allem, wo sie passieren - da wird einfach ein Text hingeschmiert und als Fakt hingestellt, weil man sich als angeblicher Poweruser übergangen fühlt und dann mit "dem" Wissen nicht mal sowas banales wie dem Inspector zurechtkommt? Das Thema ist knapp an lächerlich.

AngelOfDarkness

Vor allem schließen Virenscanner und Firewall keine Lücken in Software jedwelcher Art, speziell nicht in Betriebssystemen und Browsern. Wofür viele Exploits für Bots ausgelegt sind. Du gehst damit nicht nur für dich ein Risiko ein, sondern auch für andere Nutzer des Internets sowie ggf. für deine Kunden (Datendiebstahl etc.). Aber wer mehr oder weniger nur an Virenscanner und Firewall, anstatt an ein komplettes Sicherheitskonzept glaubt (ja da gehören auch alle Updates zu), der glaubt auch noch an den Weihnachtsmann, Osterhasen und das es die Stadt Bielefeld gibt ?

milupo

Diese Argumente gehen sicherlich ins Leere, den TE interessieren offensichtlich nur irgendwelche alten Erweiterungen, auf die er angeblich nicht verzichten kann und für die es angeblich keinen Ersatz gibt.

Boersenfeger

Ich werfe dann noch mal ein Script für die Statusleiste hinterher.. vielleicht kommt das ja dem Wunsch nach einer Leiste für die Icons nahe...

JavaScript

/* Statusleiste für Firefox */

// https://www.camp-firefox.de/forum/viewtopic.php?p=1052187&sid=d4e33b574226439c26dfb45629b71369#p1052187
// entwickelt von aborix 
// Anpassung für DownloadStatusModoki: https://www.camp-firefox.de/forum/thema/129854-downloadstatusmodoki-uc-js-umbasteln/?postID=1136067#post1136067 

(function() {

  if (location != AppConstants.BROWSER_CHROME_URL)
    return;
  
  var css =`
    #new-toolbar {
    height: 28px; 
    direction: rtl;
    -moz-window-dragging: no-drag;
    /* border-top: 1px solid black !important; 
    background-image:  linear-gradient( rgba(192,192,192,1), rgba(255,255,255,1) ),  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.AUTHOR_SHEET);
  
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');

  var vbox  = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore(
  vbox, document.getElementById('browser-bottombox'));
  vbox.style.backgroundColor = '#ffe4c4';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);  
   
})();

setTimeout(function() {
    if (window.__SSi == 'window0')
      return;
    let tabbar = document.getElementById('TabsToolbar');     
    let tab = gBrowser.selectedTab;
    tabbar.style.display = '-moz-box';
    duplicateTabIn(tab, 'tab');
    gBrowser.moveTabTo(gBrowser.selectedTab, tab._tPos);
    gBrowser.removeTab(tab);
    tabbar.style.display = ''; 
  }, 1500);

Alles anzeigen

Atarist

Hi!

Auwaia... also:

Falls sich jemand aufgrund meiner Meinung / Kritik auf den Schlipps getreten fühlte, so lag das bestimmt nicht in meiner Absicht !

Ich / wir brauchen hier einfach nur ein effetives "Werkzeug". Das finde ich z.Z. LEIDER nur bei der 56'er FF-Version.

Habe nun festgestellt, dass Firefox die Tabs auch nicht mehr mehrzeilig darstellen kann, wozu es nun wiederum eigene CSS- und JS-Erweiterungen benötigt. Und diese müssen wohl auch noch alle Nase lang mit neuen FF-Versionen geändert werden ( RE: FF70 -Mehrreihige Tabs ) . Na toll.

Das Thema "Umstieg auf aktuelle Firefox" lege ich erstmal auf Eis. Dazu fehlt mir einfach die Zeit und die Lust. Am Ende reicht er ja doch nicht an den 56'er ran.

@Boersenfeger , @2002Andreas

Ich bastle an den Codes die Tage noch weiter rum... muß ja auch noch alles mit den Codes für mehrzeilge Tab-Reihen kombinieren.

Trotzden meinen Dank für alle Tipps und Hilfen - aufrichtig !

Grüße, bis die Tage

Ralf

milupo

Zitat von Atarist

Das finde ich z.Z. LEIDER nur bei der 56'er FF-Version.

Du wirst hier für Fx 56 keine Unterstützung mehr finden.

Zitat von Atarist

Habe nun festgestellt, dass Firefox die Tabs auch nicht mehr mehrzeilig darstellen kann, wozu es nun wiederum eigene CSS- und JS-Erweiterungen benötigt. Und diese müssen wohl auch noch alle Nase lang mit neuen FF-Versionen geändert werden

Das stimmt nur bedingt, ist aber so formuliert, maßlos übertrieben.

Zitat von Atarist

Das Thema "Umstieg auf aktuelle Firefox" lege ich erstmal auf Eis. Dazu fehlt mir einfach die Zeit und die Lust. Am Ende reicht er ja doch nicht an den 56'er ran.

Firefox 56 ist schon drei Jahre tot. Und dass du keine Zeit und Lust hast, stimmt auch nur teilweise. Dass du öfter mal keine Zeit hast, glaube ich dir, aber wenn du nur willst, wirst du sie haben. Daran hapert es. Dass du keine Lust hast, ist wenigstens ehrlich.

Atarist

Hi !

Bin nun wg. der mehrzeiligen Darstellung der Tab-Reihen (Zeilen ) weiter. Die Tab-Reihen werden mehrzeilig dargestellt ( also ohne horizonatles Scrollen ), sondern zumindest schon mal mit vertikalem Scrollen.

Würden die Tab-Reihen nun auch OHNE zu scrollen mehrreihig ( 4 Reihen ) angezeigt, wäre ich schon mal zufrieden. Ich vermute es liegt an der Einbindung des JS-Codes

Hier meine Codes, tlw. von Eurer Seite RE: FF70 -Mehrreihige Tabs, hier vom letzten Eintrag von @bofh69 ( 18. März 2020 ) :

CSS stammt -

Der OBERE Teil ist nur unwesentlich angepasst ( denke ich ). Es wurden jene CSS-Klassen auskommentiert, welche die Tabs selbst betreffen und die ich in meiner eigenen CSS schon hatte.

Der UNTERE Teil ist meine alte CSS-Einstellungen, wie ich sie hatte. Die funktioniert nach wie vor - zumindest optisch:

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* default namespace to XUL */

/* Auskommentierte Klassen aus Quelle gelöscht https://www.camp-firefox.de/forum/thema/129255-ff70-mehrreihige-tabs/?postID=1129840#post1129840 */

/* ### Tab-Toolbar ################################### */
#TabsToolbar:not(:-moz-lwtheme)
{ 
 color:pink !important;
 margin-top:-11px !important;
}

#TabsToolbar:-moz-lwtheme 
{ 
 margin-top:-10px !important;
}

#TabsToolbar
{ 
 margin-bottom:0px !important;
 padding-top:10px !important;
} 
 
#menubar-items :not([fokus]), #tabbrowser-tabs :not([fokus])
{
 opacity:1!important;
}

/* ### Mehrzeilige Tabreihen NEU ! ############################################### */
tabs > arrowscrollbox > scrollbox
{
 -moz-binding:url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox");
}

.tab-throbber /*, .tab-icon-image */
{
 margin-top:0px !important; 
}

.tabbrowser-tab:not([pinned]) 
{
 min-width:100px !important; /* Feste Breite des einzelnem Tabs */
}

/* tabs right position */
.tabbrowser-tabs 
{
 margin-right:-41px !important;
}

tabs > arrowscrollbox 
{ 
 display:block !important;
}

scrollbox[part][orient="horizontal"] 
{
 display:flex; /* !important */
 flex-wrap:wrap; /* !important */
 overflow:visible !important;
 overflow-x:hidden !important;
 overflow-y:auto !important;
 min-height:26px !important;
 max-height:78px !important; /* Original: calc( 3 * 30px ) für 3 Tab-Zeilen */
 -moz-window-dragging:no-drag !important;
}
 
/* Button Tab-Scrolling nach LINKS */
.scrollbutton-up
{
 display:none; /*  !important; */
}

/* Button Tab-Scrolling nach RECHTS */
.scrollbutton-down
{
 display:none; /*  !important; */
}

/* Height for '+'-Button (newtab) */
.tabs-newtab-button 
{
 vertical-align:bottom !important;
 /*vertical-align:top !important;*/
 height:var(--tab-min-height:) !important;
}

/*Drop-down menu for all tabs */
#alltabs-button
{
 display:none; /*  !important; */
}

/* ###  Darstellung Tabs aus alter UserChrome ####################################################### */
#toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background
{
 border:none!important;
}
 
#TabsToolbar .tabbrowser-tab
{
 max-width:160px !important;
 height:28px !important;
 border:1px solid #0081FD !important;
 border-bottom:0 !important; 
 border-top-left-radius:8px !important;
 border-top-right-radius:8px !important;
 margin:0 !important;
 padding:0 !important; 
 font:11px 500 Arial, sans-serif !important;
 color:#FFD700 !important;
 -moz-box-flex:0 !important;
}

/* TAB bei HOVER: */
#TabsToolbar .tabbrowser-tab:HOVER
{
 border:1px solid #FFF !important;
 background:#2896FF !important;
 color:#00478A !important;
}

/* TAB aktiv */
#TabsToolbar .tabbrowser-tab[selected="true"]
{
 background:#0081FD !important;
 font-weight:700 !important;
 color:#FFF !important;
 border-color:#FF0 !important;
}

/* Tab-Icons links */
#TabsToolbar .tab-icon-image
{
 height:20px !important;
 width:20px !important;
 margin-left:-6px !important;
 margin-bottom:1px !important;
}
  
/* Tab-Close X rechts */
#TabsToolbar .tab-close-button
{
 margin-right:-6px !important;
 margin-left:auto !important;
 color:#FFD700 !important;
}

#TabsToolbar .tab-close-button .toolbarbutton-icon
{
 height:20px !important;
 width:20px !important;
}

/* Close-Button X bei Tab inaktiv */
tab:not([selected]) .tab-close-button
{
 display:block !important;
 color:#72B7F9 !important;
 margin-right:-5px !important;
}

/* Alle anderen Elemente in TABs */
#TabsToolbar .tabbrowser-tab *
{
 background:none !important;
}

/* Tab-Rahmenelemente entfernen (obere Linie aktiver Tab, Seitentrennlinien) */
#toolbar-menubar:not([autohide="true"]) + #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background,
:root:not([tabsintitlebar]) .tab-background,
:root[extradragspace] .tab-background
{
 border-top-style:none !important;
}

.tabbrowser-tab::AFTER,
.tabbrowser-tab::BEFORE
{
 border-left:none !important;
}

/*
.searchbar-textbox, #urlbar
{
 border-radius:16px !important;
 min-height:35px !important;
 padding:0 !important;
 margin:0 2px !important;
}
*/

/* Schrift in Tabs nachträglich aktualisieren */
.tab-text
{
 font-size:11px !important;
 font-weight:500;
 color:#FFF !important;
}

/* durch eigene Klasse ersetzt
tab
{
    border:1px solid #FF0 !important;
    background:#00478A !important;
    border-right:0 !important;
    border-bottom:0 !important;
    border-top-left-radius:8px !important;
    border-top-right-radius:8px !important;
    color:red !important;
}
*/

/* Tab HOVER nachträglich aktualisieren */
tab:HOVER
{
 background:#FF0 !important;
 color:#00478A !important;
}

/* @-moz-document url-prefix("chrome://browser/content/browser.xhtml") 
- wird nicht ausgeführt ??? */ 
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr)
{
 direction:ltr;
 mask-image:linear-gradient(to left, transparent, black 0em) !important;
}

Alles anzeigen

Falls es ein Fehler sein sollte: Es fehlen die "!important" Eigenschaften bei:

scrollbox[part][orient="horizontal"]

{

display:flex; /* !important */

flex-wrap:wrap; /* !important */

/* .... */

}

Und hier die JS-Datei im Original ( nur für mich neu formatiert

Code

// JavaScript Document
// == UserScript ==
// @name zzzz - MultiRowTab_LiteforFx48.uc.js
// @namespace http : // space.geocities.yahoo.co.jp / gl / alice0775
// @description ? ? ? ? ? ? ? ? ? ? CSS ? ? ? ? ? ? ? Lite ? ? ? ? ?
// @include main
// @compatibility Firefox 71
// @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()
{
 var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
 var uri = makeURI('data:text/css;charset=UTF=8,');
 sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
 var css = tabs tab
 {
  border - left : solid 1px hsla(0, 0 % , 50 % , .5) ! important;
  border - right : solid 1px hsla(0, 0 % , 50 % , .5) ! important;
 }
 
 tabs tab : after,
 tabs tab : before
 {
  display : none ! important;
 };
 
 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.AUTHOR_SHEET);

 gBrowser.tabContainer.clearDropIndicator = function()
 {
  var tabs = this.allTabs;
  for (let i = 0, len = tabs.length; i < len; i ++ )
  {
   tabs[i].style.removeProperty("border-left-color");
   tabs[i].style.removeProperty("border-right-color");
  }
 }
 gBrowser.tabContainer.addEventListener("dragleave", function(event)
 {
  this.clearDropIndicator(event);
 }
 , true);
 gBrowser.tabContainer.on_dragover = function(event)
 {
  this.clearDropIndicator();
  var effects = this._getDropEffectForTabDrag(event);
  var ind = this._tabDropIndicator;
  if (effects == "" || effects == "none")
  {
   ind.hidden = true;
   return;
  }
  event.preventDefault();
  event.stopPropagation();
  var arrowScrollbox = this.arrowScrollbox;
  // autoscroll the tab strip if we drag over the scroll
  // buttons, even if we aren't dragging a tab, but then
  // return to avoid drawing the drop indicator
  var pixelsToScroll = 0;
  if (this.getAttribute("overflow") == "true")
  {
   switch (event.originalTarget)
   {
    case arrowScrollbox._scrollButtonUp :
     pixelsToScroll = arrowScrollbox.scrollIncrement * - 1;
    break;
    case arrowScrollbox._scrollButtonDown :
     pixelsToScroll = arrowScrollbox.scrollIncrement;
    break;
   }
   if (pixelsToScroll)
   {
    arrowScrollbox.scrollByPixels(
    (RTL_UI ? - 1 : 1) * pixelsToScroll,
    true
    );
   }
  }

  /*
  let draggedTab = event.dataTransfer.mozGetDataAt(TAB_DROP_TYPE, 0);
  if (
  (effects == "move" || effects == "copy") &&
  this == draggedTab.container
  )
  {
   ind.hidden = true;
   if ( ! this._isGroupTabsAnimationOver()) {
   // Wait for grouping tabs animation to finish
   return;
  }
  this._finishGroupSelectedTabs(draggedTab);
  if (effects == "move")
  {
   this._animateTabMove(event);
   return;
  }
  }
  this._finishAnimateTabMove();
  */

  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;
    ind.hidden = true;
    return;
   }
  }
  
  var rect = arrowScrollbox.getBoundingClientRect();
  var newMargin;
  if (pixelsToScroll)
  {
   // if we are scrolling, put the drop indicator at the edge
   // so that it doesn't jump while scrolling
   let scrollRect = arrowScrollbox.scrollClientRect;
   let minMargin = scrollRect.left - rect.left;
   let maxMargin = Math.min(
   minMargin + scrollRect.width,
   scrollRect.right
   );
   
   if (RTL_UI)
   {
    [minMargin, maxMargin] = 
    [
     this.clientWidth - maxMargin,
     this.clientWidth - minMargin,
    ];
   }
   newMargin = pixelsToScroll > 0 ? maxMargin : minMargin;
  }
  else
  {
   let newIndex = this._getDropIndex(event, effects == "link");
   let children = this.allTabs;
   if (newIndex == children.length)
   {
    let tabRect = children[newIndex - 1].getBoundingClientRect();
    if (RTL_UI) newMargin = rect.right - tabRect.left;
    else  newMargin = tabRect.right - rect.left;
    children[newIndex - 1].style.setProperty("border-right-color", "red", "important");
   }
   else
   {
    let tabRect = children[newIndex].getBoundingClientRect();
    if (RTL_UI) newMargin = rect.right - tabRect.right;
    else newMargin = tabRect.left - rect.left;
    children[newIndex].style.setProperty("border-left-color", "red", "important");
   }
  }
  
  // ind.hidden = false;
  ind.hidden = true;
  newMargin += ind.clientWidth / 2;
  if (RTL_UI) newMargin *= - 1;
  ind.style.transform = "translate(" + Math.round(newMargin) + "px)";
  ind.style.marginInlineStart = - ind.clientWidth + "px";
 }
 
 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

In der JS-Datei hatte ich auch schon einiges angepasst, es läuft aber auch im Original nicht. Hier das Original von Euch.

Habe versch. Varianten probiert, die JS-Datei abzulegen, z.B.: als unter:

- "userChrome.js" im Profil-Ordner /chrome/

- D:\Internet\Browser\Firefox\Firefox\defaults\pref\MultiRowTab70Plus.uc.js

- u.a. ....

Ich vermute mal vorsichtig, das Problem der "Nicht-Darstellung" mehrzeilige Tabs liegt an der Ausführung dieses Scriptes, bzw. dass "function MultiRowTabLiteforFx()" von FF gar nicht ausgeführt / aufgerufen wird.

Und noch eine "Kleinigkeit":

Wenn ich ein Tab schließe, wird der Platz dafür jetzt nicht freigegeben - es entstehen also "Lücken" in den Tab-Reihen des geschlossenen Tabs. Das ist aber erstmal nebensächlich...

Danke Euch!

Allseits einen schönen 1. Advent !

Atarist

Hi...

Ok, ich habs - ganz ohne JavaScript: Die mehrzeilge Darstellung von Tabs ima ktuellen FF funktioniert so halbwegs:

Im Selektor scrollbox[part][orient="horizontal"] der userChrome.css die Angabe von "max-height=...." auf "height=..." setzen; bei mir:

CSS

scrollbox[part][orient="horizontal"] 
{
 display:flex;
 flex-wrap:wrap;
 overflow:visible !important;
 overflow-x:hidden !important;
 overflow-y:auto !important;
 /* min-height:26px !important; */
 height:82px !important;
 /* alt / original: max-height:84px !important; bzw. calc( 3 * 30px ) für 3 Tab-Zeilen */
 -moz-window-dragging:no-drag !important;
}

Alles anzeigen

Die Höhe der Tab-Reihen passt sich zwar nicht automatisch an die tatsächlich verwendeten Tabs an und der Platz für geschlossene Tabs bleibt frei ( die Tabs rücken nicht nach ), aber naja... wir werden leider eh mit dem guten, alten FF56 arbeiten müssen.

Wenn Zeit und Lust, setze ich mich da noch mal im Detail ran - aber so gehts erstmal.

Für Eure konstruktiven Tipps und Hilfen vielen Dank!