userChrome.js Scripte für den Fuchs (Diskussion)

Danke, der Code ist identisch mit dem hier verwendeten... habs trotzdem getestet, aber es funktioniert nicht... ggf. haut ein anderes Script dazwischen..

Ich teste, gebe aber zu Bedenken, das das Problem nur im identisch ausgestatteten portablen Firefox 64.0 existiert...
Edit: Keine Änderung...

Hier funktioniert das in den port. Versionen 64, 65 und 66 einwandfrei.

Danke, ich lasse es so.... den portablen nutze ich eh nur selten... wenn ich mal Lust habe, teste ich mal ohne andere Scripte weiter...

Hallo zusammen,

ich habe letzten Sommer mal über diesen Thread mein Firefox auf mehre Tab Zeilen erweitert.
Nun wollte ich das auf meinen neuen Rechner auch wieder machen aber die 137 Seiten überfallen einen recht :?

Gibt es eine kleine übersicht oder Anleitung wie man am besten vorgeht oder muss ich mich durch die 137 Seiten wühlen?

Viele Dank für eure Antworten
DerGiftzwerg

Hallo und Willkommen hier im Forum.
Teste bitte mal.

#tabbrowser-tabs{
  --tabs-lines: 5; 
  --tab_min_width_mlt: 170px;
  --tab_max_width_mlt: 170px;
  --tab-min-height_mlt: var(--tab-min-height,28px);
}


.tab-background[selected="true"],.tabbrowser-tab[selected="true"]{
   background: orange!important;
}


.tab-background:not([selected="true"]):hover,.tabbrowser-tab:not([selected="true"]):hover{
   background: green!important;
}


.tab-line[selected="true"],.tab-line:not([selected="true"]) {
   display:none!important;
}


.tab-close-button.close-icon{
   margin-right:-18px!important;
}


.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;
}


 .tabbrowser-tab{
   border:1px solid grey!important
}
 
.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}


.tabbrowser-tab,.tab-background {
  min-height: var(--tab-min-height_mlt);
}


.tabs-newtab-button {
  margin-left:-2px!important;
  vertical-align: bottom !important;
  height: var(--tab-min-height_mlt);
}


.tab-stack {
  width: 95%;
}


#tabbrowser-tabs .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap;
  overflow-x: collapse !important;
  overflow-y: auto !important;
  min-height: var(--tab-min-height_mlt);
  max-height: calc( var(--tabs-lines) * var(--tab-min-height_mlt) ) !important;
}


#tabbrowser-tabs .arrowscrollbox-scrollbox {
  overflow-x: collapse;
  overflow: visible; 
  display: block;
}


#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#TabsToolbar #alltabs-button,
.tabbrowser-tab:not([fadein]){
  display: none;
}


#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag !important;
}


.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
  opacity: 0 !important;
}


#tabbrowser-tabs * {
  overflow-x: none !important;
}


#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
  display: block !important;
}


#tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 4px !important;
}


#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 10px !important;
}

In Zeile 8 kannst du die Farbe für den aktiven Tab ändern.
In Zeile 12 die Farbe für hover.

Hallo Andreas,

vielen Dank für das Willkommen heißen.
Muss ich den Code in der userChrome.css einfügen oder in userChrome.js?

Der gehört in die userChrome.css Datei. Und den Firefox danach neu starten.

Okay, nun bin ich unsicher, muss ich diesesn an meinen anhängen oder ersätzen?

Folgendes habe ich aktuell in der userChrome.css drin:

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


/* === Mehrzeilige Tableiste === */


/* Titel-Leistenschaltflächen */
#titlebar,#titlebar-buttonbox {
    height: 32px !important;
}
#titlebar {
    margin-bottom: -32px !important;
}
#main-window[sizemode="maximized"] #titlebar {
    margin-bottom: -24px !important;
}
/* Tab-Leiste */
#tabbrowser-tabs,
.tabbrowser-arrowscrollbox {
    min-height: 32px !important;
}


/* Anzahl der Tabreihen muss nicht mehr angegeben werden */


/* Wenn Sie die Anzahl der Tabs über die angegebene Anzahl von Stufen hinaus erhöhen, */
/* werden die angezeigten Bildlaufleisten mit Mausklicks und Rädern verschoben */
#main-window[tabsintitlebar] #tabbrowser-tabs {
    -moz-window-dragging: no-drag !important;
}


.tabbrowser-arrowscrollbox {
    -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important;
}


/* Anzahl der Tabschritte */
#tabbrowser-tabs .scrollbox-innerbox {
    max-height: calc( 32px * 5 ) !important;/* Zahl nach 32px ist Anzahl der Tabreihen */
}


/* Verschiedene Einstellungen */


/* Tabs */
#tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: visible !important;
    display: block !important;
}


#tabbrowser-tabs .scrollbox-innerbox {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow-y: auto !important;
}


.tabbrowser-tab:not([pinned]) {
    flex-grow: 1 !important;
    display: -webkit-box !important;
    min-height: 22px !important;
min-width: 110px !important; /* Minimal Wert standardmäßig 76px /
max-width: 110px !important; / Maximal Wert standardmäßig 225px */
}


.tab-stack {
     width: 100% !important;
    height: 100% !important;
}


/* -- Ausblenden -- */
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#tabbrowser-tabs .autorepeatbutton-up,
#tabbrowser-tabs .autorepeatbutton-down,
#alltabs-button {
    display: none !important;
}

Das ist ja schon ein Code für eine mehrzeilige Tableiste. Wobei der nicht gut funktioniert wie ich finde.
Ich würde nur mal meinen Code testen, und alles andere entfernen.

Wow das sieht schon irgendwie deutlich schöner aus.

Nur ein problem habe ich auch damit. Ich kann bei zB drei Zeilen, nicht einen Tab aus der unterstens Zeile nehmen und individuell verschieben. Es wird immer nach oben in die 1. Zeile verschoben.

Hast du dafür eine idee?

Ach und kann man das so einstellen, das ich einen neuen Tab immer am ende der Tabs öffne?

Zitat von DerGiftzwerg

einen neuen Tab immer am ende der Tabs öffne

about:config in die Adressleiste eingeben...Enter...

dann den Wert
browser.tabs.insertRelatedAfterCurrent
eingeben, und per Doppelklick den Wert rechts von true auf false ändern.

Zitat von DerGiftzwerg

individuell verschieben

dafür ist zumindest mir keine Lösung bekannt.

Hallo Endor,

das ist super Cool. Nun kann ich endlich wieder mehrzeilige Tabs haben und sie passend verschieben! NICE

Viele Grüße
DerGiftzwerg

edit/
Eine frage habe ich doch noch:
Wenn ich nun die Menüleiste Anzeigen lasse, haben ich einen recht großen Spalt zwischen Leiste und Tabs:
[attachment=0]Fx.PNG[/attachment]
Kann man den Abstand verkleiner (rote striche)?

Hallo zusammen,
ab Firefox 65 habe ich ein Problem mit Clippings und zwei Scripts.
Ich habe zwei Statusleisten mit folgendem Code:

Zitat

var tb = document.createElement('toolbar');
tb.id = 'fp-statusbar-2';
tb.setAttribute('customizable', true);
tb.setAttribute('mode', 'icons');

var parentE = document.getElementById('PersonalToolbar').parentNode;
var childE = document.getElementById('PersonalToolbar');
parentE.insertBefore( tb , childE );

CustomizableUI.registerArea( 'fp-statusbar-2' , { legacy: true } );
CustomizableUI.registerToolbarNode(tb);

Alles anzeigen

und

Zitat

/* Statusleiste für Firefox 65.0 + x */

(function() {

if (location != 'chrome://browser/content/browser.xul')
return;

var tb = document.createElement('toolbar');
tb.id = 'new-toolbar';
tb.setAttribute('customizable', true);
tb.setAttribute('mode', 'icons');

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

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

Alles anzeigen

Wenn auch nur einer dieser Codes aktiv ist, kann ich Clippings öffnen, aber nichts mehr sehen.
Es wird nur ein leeres Fenster angezeigt.
Wo könnte der Fehler liegen?

Gruß
EDV-Oldi

Ich bestätige das Problem mit dem 2. Code...
Ich hoffte, mit Clippings 6.1.3 wäre es gefixxt, war aber nicht so... :cry:
https://addons.mozilla.org/de/firefox/addon/clippings

Kann mal bitte jemand einen Blick auf das untere Script werfen ?`
Das nutzte ich bisher um den letzten leeren Tab zu schließen/mitzubenutzen wenn ich mehere Lesezeichen auf einmal öffne.Bei FF65 funktioniert das nun nicht mehr denn wenn ich versuche Lesezeichen zu öffnen passiert genau nix.Der Leere Tab bleibt bestehen und er öffnet keine Lesezeichen.Ohne Script geht alles nur der Tab bleibt halt da.

(function() {
  if (location == 'chrome://browser/content/browser.xul') {
    eval('PlacesUIUtils._openTabset = ' + PlacesUIUtils._openTabset.toString()
      .replace('replace: false', 'replace: isTabEmpty(browserWindow.gBrowser.selectedTab)')
      .replace('getBrowserWindow(aWindow)',
        '(aWindow && aWindow.document.documentElement.getAttribute("windowtype") == "navigator:browser") ? aWindow : BrowserWindowTracker.getTopWindow()')
    );
  };
})();

Sollte ich nen Update/Fix übersehen haben den es schon gibt wär ich dankbar für nen passenden Link.

Bitte schön:

(function() {
  if (location == 'chrome://browser/content/browser.xul') {
    eval('PlacesUIUtils._openTabset = ' + PlacesUIUtils._openTabset.toString()
      .replace('replace: false', 'replace: isBlankPageURL(browserWindow.gBrowser.currentURI.spec)')
      .replace('getBrowserWindow(aWindow)',
        '(aWindow && aWindow.document.documentElement.getAttribute("windowtype") == "navigator:browser") ? aWindow : BrowserWindowTracker.getTopWindow()')
    );
  };
})();