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

Bragon

Bei der neuen Version 72 gibt´s schon wieder unschöne Verschiebungen bei der Tableiste unten:

Ist der Text zu lang, wird er in eine zweite Zeile gestellt. Und wenn der Text kurz genug ist, wie bei der Fritz!Box, steht das X irgendo im Raum ...

Dieses Phänomen tritt sowohl beim Skript von Andreas #1, als auch beim Skript von StandingBill #12 auf.

Mit layout.css.xul-box-display-valves.survive-blockification.enabled auf true zurückgestellt, sahen die Tabs schon wieder besser aus. Dann noch beim Skript von Andreas bottom auf -3px gesetzt.

CSS

#TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -3px !important;
    width: 100vw !important;
    }

Jetzt sieht´s wieder passabel aus.

Das "Problem", wie in #18 geschildert, habe ich auch. Da ich aber die Menüleiste immer an habe, kein Problem.

xfire09

Hallo zusammen,

ich hatte mir eben Firefox neu installiert und den Code von 2002Andreas für die Tabs verwendet. Irgendwas stimmt da bei mir aber mit den Tabs nicht. Wäre einer von Euch so nett und würde mir erklären, wo und wie ich das abändern kann, damit es wieder passt.

Danke

2002Andreas

Hallo und Willkommen hier im Forum.

Teste damit bitte mal:

CSS

@-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: 157px!important;
    }
}

Alles anzeigen

milupo

Zitat von xfire09

ich hatte mir eben Firefox neu installiert

Ist denn bei dir die Einstellung toolkit.legacyUserProfileCustomizations.windowIcon in about:config auf true?

xfire09

Danke für die schnelle Antwort, mit dem anderen Code passt es jetzt wieder.

milupo

Ja, hatte ich schon gemacht. Trotzdem Danke für den Hinweis.

2002Andreas

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

UliBär

Wieder mal das Gefrickel mit den Tabs...

Habe alle hier angebotenen Möglichkeiten durchprobiert, aber bisher führt keine zum Erfolg.

Gibt es schon Neuigkeiten?

Das letzte Skript oben stellt die Höhe der Tableiste wieder richtig, aber der Hintergrund ist nun transparent und die Beschriftung der Tabs macht was sie will. Jedenfalls nicht das, was es bisher machte. Nach dem Favicon kommt ein Zeilenumbruch und vom Text ist nur das obere Drittel zu sehen.

Immer wieder die Gleiche Grütze...

Edit:

Das Kreuz zum Schließen klebt immer noch hinten am Text.

milupo

Zitat von UliBär

Das letzte Skript oben stellt die Höhe der Tableiste wieder richtig, aber der Hintergrund ist nun transparent und die Beschriftung der Tabs macht was sie will. Jedenfalls nicht das, was es bisher machte. Nach dem Favicon kommt ein Zeilenumbruch und vom Text ist nur das obere Drittel zu sehen.

Oben im CSS-Code (kein Skript!) von Beitrag #23 von 2002Andreas steht nichts von transparent. Hast du denn auch denn alten Code deaktiviert?

UliBär

Zitat von milupo

Oben im CSS-Code (kein Skript!) von Beitrag #23 von 2002Andreas steht nichts von transparent. Hast du denn auch denn alten Code deaktiviert?

Jup, habe alles Alte rausgeworfen. Hier mein aktuelles userChrome.css:

CSS

@-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: 157px!important;
    }
}

#nav-bar toolbarspring {
    background: transparent !important;
    max-width: 20px !important;
    min-width: 20px !important;
    width: 20px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.bookmark-item[container="true"] {
    fill:#D08000 !important;
/*    color:blue !important; /* */
}
#urlbar {
  position: relative;
  z-index: 1;
}
#identity-box::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  background: var(--toolbar-bgcolor); /* geändert; ursprünglich: white */
  opacity: 0.2;
  transition: background 250ms linear; /* ergänzt, Zeitspanne vergrößert */
}
#urlbar[pageproxystate='valid'] #identity-box.unknownIdentity::after {
  background: #ff0039; /* Firefox Red 50 */
}
#urlbar[pageproxystate='valid'] #identity-box.chromeUI::after {
  background: #0a84ff; /* Firefox Blue 50 */
}
#urlbar[pageproxystate='valid'] #identity-box.extensionPage::after {
  background: #45a1ff; /* Firefox Blue 40 */
}
#urlbar[pageproxystate='valid'] #identity-box.verifiedIdentity::after{
  background: #058b00; /* Firefox Green 70 */
}
#urlbar[pageproxystate='valid'] #identity-box.verifiedDomain::after{
  background: #12bc00; /* Firefox Green 60 */
}
#urlbar[pageproxystate='valid'] #identity-box.mixedActiveBlocked::after {
  background: #30e60b; /* Firefox Green 50 */
}
#urlbar[pageproxystate='valid'] #identity-box.mixedDisplayContent::after {
  background: #d7b600; /* Firefox Yellow 60 */
}
#urlbar[pageproxystate='valid'] #identity-box.mixedDisplayContentLoadedActiveBlocked::after {
  background: #d7b600; /* Firefox Yellow 60 */
}
#urlbar[pageproxystate='valid'] #identity-box.certUserOverridden::after {
  background: #ffe900; /* Firefox Yellow 50 */
}
#urlbar[pageproxystate='valid'] #identity-box.weakCipher::after {
  background: #a47f00; /* Firefox Yellow 70 */
}
#urlbar[pageproxystate='valid'] #identity-box.mixedActiveContent::after {
  background: #d70022;  /* Firefox Red 60 */
}
#urlbar[pageproxystate='valid'] #identity-box.insecureLoginForms::after {
  background: #a4000f;  /* Firefox Red 70 */
}
#urlbar[pageproxystate='valid'][focused="true"] #identity-box::after { /* Regel ergänzt */
  background: var(--toolbar-bgcolor);
}

Alles anzeigen

2002Andreas

Zitat von UliBär

Immer wieder die Gleiche Grütze..

Tcha, so ist das eben wenn man seinen Firefox verändert

Sei doch froh, dass das überhaupt möglich ist.

UliBär

Zitat von 2002Andreas

Tcha, so ist das eben wenn man seinen Firefox verändert
Sei doch froh, dass das überhaupt möglich ist.

Naja, jedenfalls bewundere ich Deine Motivation!

2002Andreas

Zitat von UliBär

jedenfalls bewundere ich Deine Motivation!

danke

milupo

UliBär Also, wenn du jetzt die Tableiste wieder unter der Lesezeichenleiste hast, aber noch andere Probleme hast, würde ich an deiner Stelle Andreas bitten, deine Beiträge in einen eigenen Thread zu verschieben. Da kann man sich speziell um diese Probleme kümmern.

2002Andreas

Zitat von UliBär

Hier mein aktuelles userChrome.css:

Und so sieht es hier damit aus:

UliBär

So sieht es bei mir mit nur dem Code aus:

Alles Andere aus der userChrome.css entfernt.

Edit: Der Add-ons-Manager ist eine einzige Katastrophe...

2002Andreas

Steht dieser Eintrag:

layout.css.xul-box-display-values.survive-blockification.enabled

in about:config bei dir auf true?

Wenn nicht, dann bitte so einstellen.

Shunran

Hallo, der Code funktioniert zwar, aber im Privaten Fenster funktioniert er nicht. Wie kann man das beheben?

toolkit.legacyUserProfileCustomizations.stylesheets ist auf True gestellt.

UliBär

Der Eintrag hat geholfen, wo habe ich den überlesen?

Allerdings ist mein Tableistenhintergrund immer noch transparent, aber damit kann ich erst mal leben - Danke!

2002Andreas

Zitat von UliBär

wo habe ich den überlesen?

Schon im ersten Beitrag von diesem Thread

Zitat von 2002Andreas

Mit diesem Code ist die Tableiste wieder unter der Lesezeichensymbolleiste auch ohne config Änderung

Egal wenn es jetzt wieder funktioniert.

Zitat von UliBär

Tableistenhintergrund immer noch transparent

Dann füg mal im ersten Abschnitt vom Code eine Farbe ein:

CSS

#TabsToolbar {
    background: lightgrey !important;
    position: absolute !important;
    display:block !important;
    bottom: -4px !important;
    width: 100vw !important;
    }

2te Zeile:

CSS

background: lightgrey !important;

2002Andreas

Zitat von Shunran

im Privaten Fenster funktioniert er nicht.

Hallo und Willkommen hier im Forum.

Teste bitte mal, die Werte kannst/musst du dir evtl. noch anpassen:

CSS

#main-window[privatebrowsingmode=temporary] #TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -44px !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: 32px !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;
    }

#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 35px !important; 
    }
        
#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 35px !important; 
    }
       
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 157px!important;
    }
    
@-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: 157px!important;
    }
}

Alles anzeigen

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

Ähnliche Themen

FAQ: Menü-, Adress- und Tableiste unterhalb des Fensters anzeigen? (FF 71+)

Firefox 70 - Tabs wieder oben

Firefox Nightly 71.0a1 vom 07.10. Leerfläche unter Tableiste?

Tabs nach unten machen

Tableiste ist über der Adressleiste?