Tableiste unten per CSS-Code, oder per Skript.

2002Andreas

Oder diesen kompl. geänderten Code auch mal testen bitte:

CSS

#TabsToolbar {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100vw;
  background-clip: padding-box;
  color: var(--toolbar-color);
}

.tabbrowser-tab:not([pinned]) {
  min-width: 120px !important;
}

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

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

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

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

Alles anzeigen

Gehberger

Hallo,

ich bin leider am Verzweifeln.. Nachdem mir ein Bank-Helpdesk auf Grund eines Darstellungsproblems im Netbanking geraten hatte sämtliche Cache/Einstellungsdaten im Browser zu löschen und es im Default Modus zu versuchen, wurde im Zuge dessen mein Profil mit dem custom stylesheet um die Tabs nach unten zu bekommen, zurückgesetzt.

Und jetzt versuch ich das seit Stunden wieder herzustellen, aber es klappt nicht...

In meinem Benutzer Appdata Verzeichnis
xxx\AppData\Roaming\Mozilla\Firefox\Profiles

sind jetzt 4 Verzeichnisse:
- 5dan8joi.default-release
- chrome

- d8jzquof.default-release-1683032827343

- lk79hpfg.default

Im Verzeichnis chrome die Datei "userChrome.css" mit folgendem Inhalt:

#TabsToolbar {

position: absolute;

display: block;

bottom: 0;

width: 100vw;

background-clip: padding-box;

color: var(--toolbar-color);

}

#tabbrowser-tabs {

width: 95vw;

}

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

}

Im about:config ist:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true gesetzt.

Trotzdem sind die Tabs weiterhin ganz oben..

Was übersehe ich?

PS Ich habe einen derartige Wut auf diese 0815 löschen sie einmal alles im Browser und verwenden Sie ggfs. einen gänzlich anderen - nur weil die Netbanking Seite ein Problem hat... : (

2002Andreas

Zitat von Gehberger

- 5dan8joi.default-release
- chrome
- d8jzquof.default-release-1683032827343
- lk79hpfg.default

Hallo und Willkommen hier im Forum. 😊

Das passt so auch nicht.

Der Ordner chrome muss in deinem genutzen Profil sein.

Beispiel:

Gehberger

Hallo Andreas,

danke für die rasche Antwort.

OK, woher weiß ich welches davon das benutze Profil ist?

In "dan8joi.default-release" ist lediglich parent.lock
In "d8jzquof.default-release-1683032827343" ist jede Menge, aber kein Chrome Folder
In "lk79hpfg.default" ist bereits ein chrome Folder

Ich kopier den chrome Folder mal auch nach "d8jzquof.default-release-1683032827343" ?

2002Andreas

Zitat von Gehberger

welches davon das benutze Profil ist?

Gib oben in die Adressleiste

about:profiles

ein.

Bei deinem genutzen Profil hast du dann diese Überschrift:

Dieses Profil wird derzeit verwendet und kann daher nicht gelöscht werden.

Dort klickst du unter Wurzelordner rechts auf: Ordner öffnen

Das ist dein Profilordner, und da muss der Ordner chrome mit der userChrome.css Datei rein.

Gehberger

Yup, das hat funktioniert!

Ich vermute, dass das ganze Default-Reset-Herumgetue ein neues Profil gemacht hat?

Naja, ist jetzt jedenfalls wieder unten, danke sehr!

Leider ist mir nicht mehr bewusst, was ich alles genau umgestellt hatte - ist jetzt leider wieder mühsam alles zu identifizieren..

Die Tabs behalten mit diesem Code eine Mindestgröße und wachsen dann laufen irgendwann über. Kann man diese Mindestgröße reduzieren, damit mehrere offene Tabs immer kleiner werden, aber noch vorhanden sind und nicht überlaufen?

Ich habe das wie folgt geändert und das scheint zu funktionieren?

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

min-width: 40px !important;

}

2002Andreas

Zitat von Gehberger

Default-Reset-Herumgetue ein neues Profil gemacht hat?

Möglich.

Aber du kannst ja die anderen Profile auch starten und nachsehen ob da alles ok ist.

Zitat von Gehberger

noch vorhanden sind und nicht überlaufen?

Du könntest auch einen anderen Code oder ein Skript für eine mehrzeilige Tableiste benutzen.

FuchsFan

Zitat von Gehberger

Kann man diese Mindestgröße reduzieren, damit mehrere offene Tabs immer kleiner werden, aber noch vorhanden sind und nicht überlaufen?

Das kannst Du damit probieren.

CSS

/* Länge der Tabs */
.tabbrowser-tab[fadein]:not([style^="max-width"]) {
    max-width: 25vw !important;
    min-width: 18vw !important;
}

2002Andreas

Zitat von FuchsFan

Das kannst Du damit probieren.

Dann sind die Tabs aber noch breiter, und landen noch früher im Überhang

FuchsFan

Zitat von 2002Andreas

Dann sind die Tabs aber noch breiter, und landen noch früher im Überhang

Richtig, aber es sollte nur über die Anpassung der Werte gemacht werden, ganz nach Belieben.

Sei gegrüßt, Andreas.

2002Andreas

Zitat von FuchsFan

Sei gegrüßt, Andreas.

Gehberger

Zitat von 2002Andreas

Du könntest auch einen anderen Code oder ein Skript für eine mehrzeilige Tableiste benutzen.

Ah, das klingt interessant, hättest Du einen Code dafür für mich?

2002Andreas

Zitat von Gehberger

hättest Du einen Code dafür für mich?

Code zwar nicht, aber hier gibt es ein Skript dafür:

Beitrag

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Neues Update (26.11.2024):

(Versteckter Text)

Wichtig: Dieses Skript wird nicht mehr weiterentwickelt. Die letzte Firefox-Version, die noch unterstützt wird ist 137.

Für aktuelle Versionen ab FF133+:

Das Script richtet sich in erster Linie an Nutzer, die sich nicht mit CSS beschäftigen wollen, aber trotzdem eine mehrzeilige und optisch angepasste Tableiste nutzen möchten.

Diese neue Version besteht ausschließlich aus einem User-JavaScript. Es sind keine zusätzlichen CSS-Eintragungen mehr nötig!

In…

BrokenHeart

8. Dezember 2019 um 01:19

Lies es dir bitte alles genau und in Ruhe durch.

Du musst dazu erst div. Vorbereitungen treffen, bevor du Skripte nutzen kannst.

Gehberger

Vielen Dank für die Hilfe und Tipps!

2002Andreas

Zitat von Gehberger

Vielen Dank für die Hilfe und Tipps!

Gern geschehen

Horstmann

Zitat von FuchsFan
Zitat von Gehberger

Kann man diese Mindestgröße reduzieren, damit mehrere offene Tabs immer kleiner werden, aber noch vorhanden sind und nicht überlaufen?

Das kannst Du damit probieren.
CSS
/* Länge der Tabs */
.tabbrowser-tab[fadein]:not([style^="max-width"]) {
    max-width: 25vw !important;
    min-width: 18vw !important;
}    

Ist aber etwas Arbeit das ordentlich zu justieren, und nix für Ungeübte...

Das Einfachste wäre in about:config die Einstellung browser.tabs.tabMinWidth zu verändern.

Ein höherer Wert lässt die Tabs früher überlaufen, ein niedrigerer Wert erlaubt mehr Tabs vor dem Überlaufen ( geht auch mit CSS ).

Horstmann

Zitat von Gehberger

Ich habe das wie folgt geändert und das scheint zu funktionieren?
.tabbrowser-tab:not([pinned]) {
min-width: 40px !important;
}

Das funktioniert generell auch.

FuchsFan

Zitat von Horstmann

Das Einfachste wäre in about:config die Einstellung browser.tabs.tabMinWidth zu verändern.

Danke für den Hinweis.

2002Andreas

Zitat von Gehberger

hättest Du einen Code dafür für mich?

Du kannst ja mal diesen CSS Code für eine mehrzeilige Tableiste testen.

CSS

/* Tableiste mehrreihig unten */

@-moz-document url(chrome://browser/content/browser.xhtml) {
    
:root {
   --tab-min-height: 30px !important; 
}

:root #tabbrowser-tabs {
   --tab-min-height: 30px !important; 
} 

/* Feste Tabbreite */
.tabbrowser-tab:not([pinned]) {
   min-width: 150px !important;
   max-width: 150px !important;
}

#titlebar {
   -moz-box-ordinal-group: 2 !important; /*bis Fx 112*/
   order: 2 !important; /*ab Fx 113*/
}

/* Abstand nach oben - unten, und Höhe der Tableiste */
#titlebar {
   margin-top: -15px !important;
   margin-bottom: -12px !important;
}

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

#main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) {
   border-top: solid 39px transparent !important;
}

#main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) {
   border-top: solid 34px transparent !important;
}

[tabsintitlebar="true"] #navigator-toolbox {
   -moz-window-dragging: drag;
}

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

#navigator-toolbox[inFullscreen="true"] #nav-bar {
   padding-right: 109px !important;
}

box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox {
   display: block;
   contain: none !important;
}

/* Mehrzeilige Tableiste, bei mehr als 2 Zeilen erscheint eine Scrollbar */
scrollbox[part][orient="horizontal"] {
   display: flex;
   flex-wrap: wrap;
   max-height: calc(var(--tab-min-height) * 3); /* Anzahl der Tabzeilen = 3 Zeilen */
   overflow-x: hidden;
   overflow-y: auto;
}

tabs tab[fadein]:not([pinned]) {
   flex-grow: 1;
}

tabs tab,.tab-background {
   height: var(--tab-min-height);
   overflow: hidden;
}

tab > .tab-stack {
   width: 100%;
}

box[class="scrollbox-clip"][orient="horizontal"] {
   -moz-window-dragging: no-drag;
}

hbox.titlebar-spacer,
#alltabs-button,
tabs tab:not([fadein]) {
   display: none; 
}
}

Alles anzeigen

Einzelne Werte musst/kannst du dir ja anpassen dann.

Horstmann

Zitat von FuchsFan

Danke für den Hinweis.

Gerne!

Tableiste unten per CSS-Code, oder per Skript.

2002Andreas 12. April 2023 um 20:12

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Ä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?