Tabs unten nach Update bis auf den aktuellen Tab unsichtbar

orofino

Nach dem Update sind die Tabs ja unten. Ich sehe nur den letzten geöffneten Tab. Die anderen sind unsichtbar und nur kurz zu sehen wenn ich den aktuellen Tab schließe.

Siehe Bild.

Links vom aktuellen Tab sind ca 5 Tabs geöffnet, ich kann aber keinen anklicken oder sehen.

Kann mir da jemand helfen.

Sören Hentzschel

Hallo,

Zitat von orofino

Nach dem Update sind die Tabs ja unten.

an der Platzierung der Tabs hat sich in Firefox 89 nichts geändert.

Du nutzt vermutlich eine individuelle Anpassung via userChrome.css und/oder Scripts. Bitte zeige deine genutzten Anpassungen, denn dort ist der Fehler zu suchen.

orofino

Ja stimmt, ich habe das mal geändert mit einer heruntergeladenen css Datei.

Sieht so aus.

CSS

/*Tableiste unten im privaten Fenster*/

/*Lila Icon oben rechts*/

#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button > legacy-stack {

padding-left: 30px !important;

background: url("chrome://browser/skin/private-browsing.svg")no-repeat !important;

}


#main-window[privatebrowsingmode=temporary] .private-browsing-indicator {

display: none !important;

}

/*Activer Tab lila Hintergrund*/

#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs:not([movingtab]) > .tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]{

background: indigo !important;

}

/*Activer Tab weiße Schrift*/

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[selected]{

color: white !important;

padding-top: 3px !important;

}

#main-window[privatebrowsingmode=temporary] #TabsToolbar {

position: absolute !important;

display:block !important;

bottom: -4px !important;

width: 100vw !important;

}


#main-window[privatebrowsingmode=temporary] .tab-line[multiselected], .tab-line[selected="true"]{

display: none !important;

}

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"]{

margin-top: -4px !important;

max-height: 35px !important;

}

#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {

width: 100vw !important;

}


#main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {

padding-bottom: var(--tab-min-height) !important;

}

/*Höhe der Tabs im privaten Fenster*/

#main-window[privatebrowsingmode=temporary]:root {

--tab-min-height: 35px !important;

}


#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {

--tab-min-height: 35px !important;

}

/*Breite der Tabs im privaten Fenster*/

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {

-moz-box-flex: 0!important;

width: 180px!important;

}


/* Ab hier für normales Fenster*/

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


#TabsToolbar {

position: absolute !important;

display:block !important;

bottom: -4px !important;

width: 100vw !important;

}

#tabbrowser-tabs {

width: 100vw !important;

}


#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

padding-bottom: var(--tab-min-height) !important;

}

:root {

--tab-min-height: 30px !important;

}


:root #tabbrowser-tabs {

--tab-min-height: 30px !important;

}


.tabbrowser-tab:not([pinned]) {

-moz-box-flex: 0!important;

width: 180px!important;

}

/*Damit wird der Tabtext nicht ausgeblendet am Ende*/

.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),

.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {

mask-image: none !important;

}

}

Alles anzeigen

n8shift

Liebe Experten, ich habe nach dem ungewollten Update eben gleichen Fehler wie orofino. Nur ein TAB unten, alle anderen unsichtbar.

Hier meine geänderte CSS.

CSS

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


/* Lesezeichensymbolleiste ohne Text */


#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-text {display: none !important;}


#PlacesToolbarItems > toolbarbutton.bookmark-item {margin-left: -2px !important;}


/*Mehrreihige Lesezeichen-Symbolleiste*/

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


#PersonalToolbar {

max-height: calc(25px * 3) !important; /*es werden 3 Reihen angezeigt*/

}


#personal-bookmarks,

#PlacesToolbar,

#PlacesToolbar > hbox {

display: block !important;

}


#PersonalToolbar toolbarbutton {

min-height: 22px !important;

max-height: 22px !important;

}


#PlacesToolbarItems {

max-height:100px!important;

display: flex!important;

flex-wrap: wrap!important;

overflow-x: visible!important;

overflow-y: auto!important;

}


#PlacesToolbar,

#PersonalToolbar > scrollbar {

-moz-window-dragging: no-drag !important;

}


#PlacesToolbar #PlacesChevron {

display: none !important;

}

}


/*Tableiste unten*/


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


#TabsToolbar {

position: absolute !important;

display:block !important;

bottom: -1px !important;

width: 100vw !important;

}

#tabbrowser-tabs {

width: 100vw !important;

}


#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

padding-bottom: var(--tab-min-height) !important;

}

:root {

--tab-min-height: 30px !important;

}


:root #tabbrowser-tabs {

--tab-min-height: 30px !important;

}


.tabbrowser-tab:not([pinned]) {

-moz-box-flex: 0!important;

width: 180px!important;

}

/*Damit wird der Tabtext nicht ausgeblendet am Ende*/

.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),

.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {

mask-image: none !important;

}

}

Alles anzeigen

Was muss geändert werden, damit es wieder mit den TABs funktioniert?

Edit 2002Andreas
Text in Klammercode </> gesetzt.

2002Andreas

Zitat von n8shift

Was muss geändert werden,

Teste bitte:

CSS

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


/* Lesezeichensymbolleiste ohne Text */


#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-text {display: none !important;}


#PlacesToolbarItems > toolbarbutton.bookmark-item {margin-left: -2px !important;}


/*Mehrreihige Lesezeichen-Symbolleiste*/

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


#PersonalToolbar {

max-height: calc(25px * 3) !important; /*es werden 3 Reihen angezeigt*/

}


#personal-bookmarks,

#PlacesToolbar,

#PlacesToolbar > hbox {

display: block !important;

}


#PersonalToolbar toolbarbutton {

min-height: 22px !important;

max-height: 22px !important;

}


#PlacesToolbarItems {

max-height:100px!important;

display: flex!important;

flex-wrap: wrap!important;

overflow-x: visible!important;

overflow-y: auto!important;

}


#PlacesToolbar,

#PersonalToolbar > scrollbar {

-moz-window-dragging: no-drag !important;

}


#PlacesToolbar #PlacesChevron {

display: none !important;

}

}


/*Tableiste unten*/


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


.tabbrowser-tab:not([pinned]) {
    margin-left:1px !important;
    max-height: 29px !important;
    -moz-box-flex: 0 !important;
    width: 157px !important;
}

:root {
  --space_below_content: 33px;
}

:root[uidensity=compact]  {
  --space_below_content: 29px;
}

#main-window:not([inDOMFullscreen="true"])  #browser-bottombox {
  margin-bottom: var(--space_below_content) !important;
}

#TabsToolbar {
  position: fixed !important;
  display:block !important;
  bottom: 0px !important;
  width: 100% !important;
}

#main-window #navigator-toolbox #TabsToolbar > toolbarpaletteitem,
#main-window #navigator-toolbox #TabsToolbar > .toolbarbutton-1 {
  position: relative !important;
  bottom: -2px !important;
  width: unset !important;
  height: unset !important;
}

#TabsToolbar toolbarbutton .toolbarbutton-badge-stack,
#TabsToolbar > toolbarpaletteitem {
  min-height: unset !important;
  padding: unset !important;
  margin: 0 2px !important;
}

#TabsToolbar > toolbarbutton {
  min-height: unset !important;
  margin: 0 !important;
  padding: 0 !important;
}


/*Damit wird der Tabtext nicht ausgeblendet am Ende*/

.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),

.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {

mask-image: none !important;

}

}

Alles anzeigen

Zitronella

// n8shift und orofino Bitte Code auch immer als Code posten

2002Andreas

Zitat von orofino

Kann mir da jemand helfen.

Bitte mal testen:

CSS

/*Tableiste unten im privaten Fenster*/

/*Lila Icon oben rechts*/

#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button > legacy-stack {

padding-left: 30px !important;

background: url("chrome://browser/skin/private-browsing.svg")no-repeat !important;

}


#main-window[privatebrowsingmode=temporary] .private-browsing-indicator {

display: none !important;

}

/*Activer Tab lila Hintergrund*/

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {

background: indigo !important;

}

/*Activer Tab weiße Schrift*/

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[selected]{

color: white !important;

padding-top: 3px !important;

}

#main-window[privatebrowsingmode=temporary] #TabsToolbar {

position: absolute !important;

display:block !important;

top: 104px !important;

width: 100vw !important;

}


#main-window[privatebrowsingmode=temporary] .tab-line[multiselected], .tab-line[selected="true"]{

display: none !important;

}

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"]{

margin-top: -4px !important;

max-height: 35px !important;

}

#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {

width: 100vw !important;

}


#main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {

padding-bottom: var(--tab-min-height) !important;

}

/*Höhe der Tabs im privaten Fenster*/

#main-window[privatebrowsingmode=temporary]:root {

--tab-min-height: 35px !important;

}


#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {

--tab-min-height: 35px !important;

}

/*Breite der Tabs im privaten Fenster*/

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {

-moz-box-flex: 0!important;

width: 180px!important;

}


/* Ab hier für normales Fenster*/

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


#TabsToolbar {

position: absolute !important;

display:block !important;

top: 100px !important;

width: 100vw !important;

}

#tabbrowser-tabs {

width: 100vw !important;

}


#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

padding-bottom: var(--tab-min-height) !important;

}

:root {

--tab-min-height: 30px !important;

}


:root #tabbrowser-tabs {

--tab-min-height: 30px !important;

}


.tabbrowser-tab:not([pinned]) {

-moz-box-flex: 0!important;

width: 180px!important;

}

/*Damit wird der Tabtext nicht ausgeblendet am Ende*/

.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),

.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {

mask-image: none !important;

}

}

Alles anzeigen

n8shift

Zitat von 2002Andreas

Zitat von n8shift

Was muss geändert werden,

Teste bitte:

Ich habe es getestet. Es werden jetzt wieder alle TABs angezeigt. Leider immer noch am unteren Rand.

2002Andreas

Sieht hier so aus:

Hast du deinen alten Code vorher entfernt?

orofino

Ja Tabs sind bei mir auch ganz oben. Ich habe jetzt eine userChrome Datei im Netz gefunden die die Tabs unter Adress-bzw Lesezeichenleiste plaziert.

Vielen Dank für eure Hilfe.

2002Andreas

Zitat von orofino

die die Tabs unter Adress-bzw Lesezeichenleiste plaziert.

Mach doch mein Code auch

n8shift

Zitat von 2002Andreas

Sieht hier so aus:
Hast du deinen alten Code vorher entfernt?

Ja, ich habe eine komplett neue Datei angelegt.

2002Andreas

Zitat von n8shift

eine komplett neue Datei angelegt.

Dann funkt dir etwas anderes dazwischen

In Zeile 44 heißt es:

top: 104px

und das würde niemals bis ganz unten reichen.

Sieht du ja auch an meinem Screenshot.

grisu2099

Zitat von n8shift

Ja, ich habe eine komplett neue Datei angelegt.

Dumme Frage: Was hast du mit der alten gemacht? Gelöscht, oder oxydiert die immer noch in der userChrome.css rum?

2002Andreas

Zitat von n8shift

eine komplett neue Datei angelegt.

Was mir auffällt auf deinem Screenshot.

Deine Datei hat 0KB.

Mit dem Code hat sie hier schon 3KB

Nutzt du evtl. mehrere Profile?

Und wenn ja, ist der neue Code im richtigen Profil?

grisu2099

Zitat von 2002Andreas

Deine Datei hat 0KB.

Von 2018 ist sie außerdem auch...

n8shift

Zitat von grisu2099

Dumme Frage: Was hast du mit der alten gemacht? Gelöscht, oder oxydiert die immer noch in der userChrome.css rum?

Ich habe sie komplett gelöscht.

n8shift

Zitat von grisu2099

Zitat von 2002Andreas

Deine Datei hat 0KB.

Von 2018 ist sie außerdem auch...

Tut mir leid, das ist kein screenshot meiner Dateien. Ich war auf einer Internetseite um mehr Infos über userChrome.css anzulesen. Das Bild gehört also zu der Internetseite "http://www.windowspower.de/Firefox userChrome.css" und bildet nicht meine Datei ab.

grisu2099

OK. Dann zurück zur Frage von 2002Andreas :

Zitat von 2002Andreas

Nutzt du evtl. mehrere Profile?

Gib bitte about:profiles in die Adreßleiste ein.

Erscheint dort nur eine Profil. oder mehrere?

n8shift

Ich habe gerade gesehen, bei mir gibt es zwei Mozilla/Firefox - Verzeichnisse.

C:\Users\......\AppData\Local\Mozilla\Firefox\Profiles\rzfcq38h.default\chrome\userChrome.css

und

C:\Users\......\AppData\Roaming\Mozilla\Firefox\Profiles\rzfcq38h.default\chrome\userChrome.css

Welches soll ich löschen?

Tabs unten nach Update bis auf den aktuellen Tab unsichtbar

2002Andreas 8. Juni 2021 um 10:51

Ähnliche Themen

Bitte um Anpasshilfe nach FF-Update bei mehrzeiligen Tabs

Firefox Update 89.0 Update

userChrome nach Update auf FF 89.0 :: Höhe der Tableiste anpassen

Tab-Leiste anpassen

Ram-Überlastung ab Firefox Version 67 bei Zugriff mittels WebSocket mehrere Tabs verschiedene Logins

vermutlich Datenverlust durch Tab-Session-Manager - oder wie rette ich