Tableiste nach oben verrutscht nach Update auf 128.0

dribs

Bisher hatte ich in der userchrome.css u. a. nachstehenden Code. Damit wurde die Tableiste zwischen Menü und Symbol-/Adressleiste angezeigt.

CSS

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

   #TabsToolbar { -moz-box-ordinal-group: 2;
   }

   #nav-bar{ border-top-width: 0px !important;
   }

/* Menüleiste und Tabs Farbe */
   #toolbar-menubar, #menubar-items, #main-menubar 
      {
   color: #000000 !important;
   background-color: #cccccc !important;
   } 
/* Hintergrundfarbe inaktives Tab */  
   .tab-background {background: #cccccc !important;
   }
/* Hintergrundfarbe aktives Tab */
   .tab-background[selected]{background-color:#ffffff !important;
   }
/* Inaktiver Tab Hover Farbe Weiß */
   .tabbrowser-tab:not([visuallyselected]):hover > .tab-stack > .tab-background {
   background: #ffffff !important;      
   }

/* Navigationsleiste - Hovereffekt - Farben 
   #nav-bar  {
   --toolbarbutton-hover-background: #ffffff !important; }
   #nav-bar .toolbarbutton-1:hover {
   fill: #000000 !important;
   }*/

/* Adressfeld und Suchfeld in weiß */
   #urlbar,
   #urlbar *,
   #searchbar,
   #searchbar *
   {
    background-color: #ffffff !important;
    color: #000000 !important;
   }

/* Rahmen von Adressfeld und Suchfeld transparent */
   #urlbar-container {
    --toolbar-field-focus-border-color: transparent !important;
   }
   #search-container {
    --toolbar-field-focus-border-color: transparent !important;
   }   

/* Tab-Schließen-Button weniger Abstand, etwas größer */
   #TabsToolbar .tab-close-button {
   margin-right: -2px !important;
   padding: 0 !important;
   height: 15px !important;
   width: 15px !important;
   color: #000000 !important;
   }

/* Tab-Schließen-Button immer sichtbar */
   .tab-close-button {
   display: flex !important;
   }

}

Alles anzeigen

Nach dem Update auf 128.0 erscheint die Tableiste jetzt über der Symbol-/Adressleiste. Wenn ich statt

Code

#TabsToolbar { -moz-box-ordinal-group: 2;
}

folgenden Code verwende

Code

#TabsToolbar {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100vw;
}

sehe ich gar keine Tabs mehr und auch die Menüpunkte lassen sich nicht mehr richtig anklicken. Was ist da los?

Horstmann

Zitat von dribs
Bisher hatte ich in der userchrome.css u. a. nachstehenden Code. Damit wurde die Tableiste zwischen Menü und Symbol-/Adressleiste angezeigt.
Code
 #TabsToolbar { -moz-box-ordinal-group: 2;
   }

Schon sehr, seeeehr lange nicht mehr.
Wäre gut zu wissen von welcher Firefox Version du zu 128 gewechselt bist...

2002Andreas

Zitat von dribs

Damit wurde die Tableiste zwischen Menü und Symbol-/Adressleiste angezeigt.

Das ist doch Standard

Oder habe ich dich falsch verstanden?

Sören Hentzschel

Was die Verwendung von -moz-box-ordinal-group betrifft: Da Firefox 128 angegeben ist, der ja auch die neue ESR-Basis ist, und es definitiv keine aktuelle Änderung ist, dass das nicht mehr funktioniert, könnte man vermuten, dass vorher Firefox ESR 115 genutzt worden ist. Aber nein, seit Firefox 113 gibt es das schon nicht mehr. Wenn sich also wirklich etwas geändert hat, muss eine noch ältere Firefox-Version verwendet worden sein oder die vermeintliche Änderung ist mindestens 15 Monate lang nicht aufgefallen.

dribs

Update von 127.0.2 auf 128.0

OK, ich will nicht ausschließen, dass das auch vorher schon der Fall war. Ist mir halt jetzt aufgefallen.

Wie bekomme ich denn die Tabs unter die Adressleiste und warum sind bei Verwendung des anderen Codes die Tabs komplett verschwunden?

2002Andreas

Zitat von dribs

Wie bekomme ich denn die Tabs unter die Adressleiste

Meinst du das so?

Wenn ja, dann teste bitte:

CSS

#TabsToolbar {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100vw;
}

#navigator-toolbox {
    position: relative;
    padding-bottom: calc( var(--tab-min-height) + 8px );
}

.titlebar-buttonbox-container {
    position: fixed;
    right: 0;
    visibility: visible;
    display: block;
}

#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar #window-controls {
    display: none;
}

#main-menubar {
    height: 28px !important;
}
          

/*...................Ab hier nur Privater Modus...................*/

/* Das lila Icon für privaten Modus oben rechts eingefügt */
#main-window[privatebrowsingmode=temporary] #PanelUI-button::before {
    margin-left: 0 !important;
    margin-right: 0 !important;
    content: '' !important;
    display: block !important;
    width: 20px !important;
    height: 30px !important;
    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 8px !important;
    background-size: 25px 17px !important;
}

/* Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt */  
#private-browsing-indicator-with-label {
    display: none !important;
}

Alles anzeigen

dribs

Sieht gut aus - Thanks!

Rein interessehalber: könntest du mir die einzelnen Code-Abschnitte kurz erläutern, also wer da was macht?

2002Andreas

Zitat von dribs

also wer da was macht?

Zeile 1 - 27 setzt die Tableiste nach unten.
Zeile 32 - 49 betrifft dann nur den privaten Modus vom Firefox.

Dort steht es jeweils über dem Code was er macht.

milupo

Zitat von dribs

Wie bekomme ich denn die Tabs unter die Adressleiste

Sicherheitshalber nur noch mal nachgefragt: Direkt unter der Adressleiste befindet sich eigentlich die Lesezeichen-Symbolleiste. Der Code verschiebt die Tableiste noch darunter, so dass sie die unterste Leiste ist. Ist das so gewollt?

dribs

2002Andreas Andreas

Eigentlich hatte ich mir etwas mehr Details zu den einzelnen Zeilen erhofft. Hat sich aber erledigt, habe mir die Info ergoogelt. Danke!

milupo

Die Lesezeichen-Symbolleiste ist bei mir standardmäßig ausgeblendet. Passt insofern für mich.

Tableiste nach oben verrutscht nach Update auf 128.0

Ähnliche Themen

Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

Firefox 117.0 TAB Leiste unter Adressleiste bitte