Firefox 72 - Leiste unten verschwunden und Tableiste verschoben !

GermanFreme82

Hallo liebe Fuchsfreunde !

Das aktuell Update FF72 produziert bei mir wieder ganz tolle neue Fehler.

Ich hatte zuvor ganz unten eine Extraleiste und die Tableiste war unter meinen Lesezeichen-Favs, aber das ist nun leider nicht mehr so.

Könnt ihr mir bitte helfen meine beiden Leisten (Tab+Extra) wieder an die richtige Stelle zu bekommen ???

So sah es bis FF71 aus und da ging auch alles mit der Extraleiste UNTEN

Code

(function() {

  if (location != 'chrome://browser/content/browser.xhtml')
    return;
    
  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.insertBefore(
    vbox, document.getElementById('browser-bottombox'));
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);
 
})();
(function() {
var tabbar = document.getElementById('TabsToolbar');
if (tabbar && !tabbar.collapsed) {
tabbar.parentNode.parentNode.appendChild(tabbar);
};
})();

Alles anzeigen

userChrome.Css sieh so aus:

CSS

#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;
}
.tab-line[selected] { 
    display:none!important;
}
#TabsToolbar .tabbrowser-tab:only-of-type {
  display: none !important;
}

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

.tabbrowser-tab:not([selected="true"]){
  background: #C39D74 !important; 
  border-radius: 80px !important; 
  border:0px solid black !important;
      }

.tab-background[selected="true"] {
  background: #F09800 !important; 
  border-radius: 80px !important; 
  border:0px solid black!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;
      }
    
.tab-line { 
    display:none!important
      }
      
      .tabbrowser-tab{
          margin-right:5px!important;
      }
      
      menuitem[label="TextNotes"] {
     display: none !important;
     }   
     #testing_duckduckgo_com-menuitem-1 {
    display: none !important;
    }
    
    @-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.xul") {

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

}

Alles anzeigen

BrokenHeart

Für die 'Extraleiste' ersetze dein Script durch dieses hier:

JavaScript

(function() {

  if (location != 'chrome://browser/content/browser.xhtml')
    return;
    
  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.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);
 
})();
(function() {
var tabbar = document.getElementById('TabsToolbar');
if (tabbar && !tabbar.collapsed) {
tabbar.parentNode.parentNode.appendChild(tabbar);
};
})();

Alles anzeigen

GermanFreme82

BrokenHeart Vieleb herzlichen Dank für deine Antwort ! Ich werde die Tage das mal probieren und mich wieder melden, ob es geklappt hat, oder nicht.

Endor

Tableiste unter Lesezeichenleiste schieben:

CSS

    @charset "UTF-8";

    /* Tab-Leiste unterhalb der Symbolleiste verschieben */
    #titlebar { -moz-box-ordinal-group: 2; }

    /* Menü nach oben verschieben */
    #toolbar-menubar { position: fixed; display: inline-flex; }
    [sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
    [sizemode="normal"] #toolbar-menubar { top: 1px; }
    [sizemode="maximized"] #toolbar-menubar { top: 8px; }

    /* Platz für die Menüleiste oberhalb der Symbolleiste schaffen */
    #main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 29px transparent !important; }
    #main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 21px transparent !important; }

    /* Freien Bereich für Menü und Titelleistenschaltflächen festlegen */
    [tabsintitlebar="true"] #navigator-toolbox { -moz-window-dragging: drag; }

    /* Titelleistenschaltfläche nach rechts oben verschieben */
    #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls,
    [tabsintitlebar="true"] .titlebar-buttonbox-container { display: block; position: fixed; right: 0; }
    [tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container { top: 1px; }
    [tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container { top: 8px; }
    #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls { top: 0; }

    /* auf der rechten Seite Platz machen, damit die Schaltflächen der Titelleiste und der 
       Navigationssymbolleiste nicht im Vollbildmodus angezeigt werden */
    #navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; }

    /*Mehrzeilige Tableiste */
    tabs > arrowscrollbox { display: block; }
    scrollbox[part][orient="horizontal"] {
        display: flex;
        flex-wrap: wrap; }
    tabs tab[fadein]:not([pinned]) { flex-grow: 1; }
    tabs tab,.tab-background { height: var(--tab-min-height); }
    tab > .tab-stack { width: 100%; }

    /* Tableiste Linken und rechten Ziehbereich Ausblenden
       左右 → hbox.titlebar-spacer
         左 → hbox.titlebar-spacer[type="pre-tabs"]
         右 → hbox.titlebar-spacer[type="post-tabs"] */
    hbox.titlebar-spacer
    ,
    /* Ausblenden */
    #alltabs-button,tabs tab:not([fadein]),
    [class="scrollbutton-up"],[class="scrollbutton-up"] ~ spacer,
    [class="scrollbutton-down"] { display: none; }

Alles anzeigen

bitte auch mal testen.

Mfg.
Endor

GermanFreme82

Endor Ihr seid die BESTEN ! Vielen lieben Dank auch an Dich, für deine schnlle Antwort. Ich werde das wie gesagt die Tage auf jeden Fall einmal prüfen und mich dann wieder melden.

Ich liebe diese Community vielen vielen DANK !

GermanFreme82

So ich hab nun beide Scripte probiert und sie funktionieren, ABER das Script für die Tabs nach unten machen hat einen Fehler, oder ich hab was falsch gemacht dabei.

Das X zum schließen der Tabs ist "manchmal" weg (siehe Foto) ?????

Könnt ihr mal bitte schauen, was da nicht stimmt und wie ich den Fehler beheben kann ?!

Nur der aktuelle Tab hat ein X und der inaktive nicht mehr, genau wie alle andere Tabs die ich danach öffne.

userChrome.ss

CSS

#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;
}
.tab-line[selected] { 
    display:none!important;
}
#TabsToolbar .tabbrowser-tab:only-of-type {
  display: none !important;
}

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

.tabbrowser-tab:not([selected="true"]){
  background: #C39D74 !important; 
  border-radius: 80px !important; 
  border:0px solid black !important;
      }

.tab-background[selected="true"] {
  background: #F09800 !important; 
  border-radius: 80px !important; 
  border:0px solid black!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;
      }
    
.tab-line { 
    display:none!important
      }
      
      .tabbrowser-tab{
          margin-right:5px!important;
      }
      
      menuitem[label="TextNotes"] {
     display: none !important;
     }   
     #testing_duckduckgo_com-menuitem-1 {
    display: none !important;
    }
    
    @-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.xul") {

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

}

    @charset "UTF-8";

    /* Tab-Leiste unterhalb der Symbolleiste verschieben */
    #titlebar { -moz-box-ordinal-group: 2; }

    /* Menü nach oben verschieben */
    #toolbar-menubar { position: fixed; display: inline-flex; }
    [sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
    [sizemode="normal"] #toolbar-menubar { top: 1px; }
    [sizemode="maximized"] #toolbar-menubar { top: 8px; }

    /* Platz für die Menüleiste oberhalb der Symbolleiste schaffen */
    #main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 29px transparent !important; }
    #main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 21px transparent !important; }

    /* Freien Bereich für Menü und Titelleistenschaltflächen festlegen */
    [tabsintitlebar="true"] #navigator-toolbox { -moz-window-dragging: drag; }

    /* Titelleistenschaltfläche nach rechts oben verschieben */
    #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls,
    [tabsintitlebar="true"] .titlebar-buttonbox-container { display: block; position: fixed; right: 0; }
    [tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container { top: 1px; }
    [tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container { top: 8px; }
    #navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls { top: 0; }

    /* auf der rechten Seite Platz machen, damit die Schaltflächen der Titelleiste und der 
       Navigationssymbolleiste nicht im Vollbildmodus angezeigt werden */
    #navigator-toolbox[inFullscreen="true"] #nav-bar { padding-right: 109px !important; }

    /*Mehrzeilige Tableiste */
    tabs > arrowscrollbox { display: block; }
    scrollbox[part][orient="horizontal"] {
        display: flex;
        flex-wrap: wrap; }
    tabs tab[fadein]:not([pinned]) { flex-grow: 1; }
    tabs tab,.tab-background { height: var(--tab-min-height); }
    tab > .tab-stack { width: 100%; }

    /* Tableiste Linken und rechten Ziehbereich Ausblenden
       ?? ? hbox.titlebar-spacer
         ? ? hbox.titlebar-spacer[type="pre-tabs"]
         ? ? hbox.titlebar-spacer[type="post-tabs"] */
    hbox.titlebar-spacer
    ,
    /* Ausblenden */
    #alltabs-button,tabs tab:not([fadein]),
    [class="scrollbutton-up"],[class="scrollbutton-up"] ~ spacer,
    [class="scrollbutton-down"] { display: none; }

Alles anzeigen

Ich habe den Code aus dem Beitrag von Endor kopiert und einfach an das Ende eingefügt, vielleicht ist das schon irgendwie falsch.

2002Andreas

Zitat von GermanFreme82

ABER das Script für die Tabs nach unten machen hat einen Fehler

Das Script hat keinen Fehler.

Es kann nichts an dem fehlendem X geändert haben.

Was aber fehlt bei dir, mit welchem Code hast du die Tabs denn farbig gemacht?

AngelOfDarkness

Vor allem was mir auffällt ist, warum ist dem Lupensymbol ein Pluszeichen überlagert in den Screenshoots?

grisu2099

AngelOfDarkness

Das ist das Pluszeichen für einen neuen Tab...

milupo

Möglicherweise steht bei ihm die Einstellung layout.css.xul-box-display-values.survive-blockification.enabled noch nicht auf true.

AngelOfDarkness

grisu2099

Schon klar, aber warum eine Lupe genau darüber?

Sören Hentzschel

Die Lupe kommt vom Forum. Die Farbe würde sich bei Herüberfahren mit der Maus ja auch nicht ändern, wenn das im Bild wäre.

BrokenHeart

Zitat von GermanFreme82

Nur der aktuelle Tab hat ein X und der inaktive nicht mehr, genau wie alle andere Tabs die ich danach öffne.

Das ist doch das Standard-Verhalten, wenn die Tabs eine dynamische Größe haben und unter eine bestimmte Mindestbreite fallen.

Also entweder die Größe auf einen festen Wert einstellen oder diese Zeilen hinzufügen:

CSS

#tabbrowser-tabs[closebuttons="activetab"] > .tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]) {
    display: flex !important;
}

Eckfahne

Zitat von grisu2099

AngelOfDarkness
Das ist das Pluszeichen für einen neuen Tab...

Kann man das Pluszeichen neben dem letzten TAB entfernen?

Sören Hentzschel

Menü > Anpassen > dann aus der Oberfläche herausziehen oder Rechtsklick > Aus Symbolleiste entfernen

grisu2099

Kann man:

CSS

#tabs-newtab-button {
  display: none !important;
}

Eckfahne

Vielen Dank

Sören Hentzschel

grisu2099 Siehe vorheriger Beitrag. Da man das wie fast jede andere Schaltfläche einfach aus der Oberfläche entfernen kann, gibt es keinen Grund, das via CSS auszublenden.

Eckfahne Keine Ahnung, was du mit Symbolleiste in dem Fall meinst. Ich spreche von dem Plus-Symbol neben den Tabs. Woanders hat mein Firefox kein Plus-Symbol.

2002Andreas

Zitat von Eckfahne

Das in der Symbolleiste will ich behalten. Nur das neben dem TAB brauche ich nicht.

da ist doch eh nur ein +

Eckfahne

Das Plus soll blieben.

Das Plus neben dem TAB kann weg.

Vielleicht geht das auch gar nicht.