Tabbreite

Thomas3

Hallo

Hatte mir bis FF57 mit folgendem Code die Tabs in unterschiedlichen Breiten anzeigen lassen. Aktiver Tab breit und inaktiver Tab schmal.

Das funktioniert seit FF58 nicht mehr, die Zeilen für den inaktiven Tab haben keine Wirkung mehr

Hab den Code für FF58 geändert funktioniert aber auch nicht richtig.

Die inaktiven Tabs sind jetzt zwar schmal, aber beim Schließen von Tabs bleiben immer irgendwelche Lücken zwischen den verbleibenden Tabs.

Heißt, die restlichen Tabs rutschen nicht zusammen.

Gibt’s da eine Lösungsmöglichkeit?

Code bis 57

CSS

#main-window .tabbrowser-tabs:not([drag=detach]) > .tabbrowser-tab:not([pinned])[fadein]
 {min-width: 39px !important;
max-width: 40px !important;}


#main-window .tabbrowser-tab[selected="true"]
{min-width: 275px !important;
max-width: 275px !important;}

Code FF58

CSS

#main-window .tabbrowser-tab
{min-width: 39px !important;
max-width: 40px !important;} 


#main-window .tabbrowser-tab[selected="true"]
{min-width: 275px !important;
max-width: 275px !important;}

Dato

Hi,
wenn ich nicht irre, sollten die inaktiven Tabs so angesprochen werden.

Code

.tabbrowser-tab:not

Thomas3

Ja, man kann die inaktiven Tabs auch so ansprechen

.tabbrowser-tab:not([selected="true"])

Auch hier ist die Breite dann richtig, aber das Einrückverhalten funktioniert nicht richtig.

2002Andreas

Zitat

Code FF58

Ich habe den Code eben mal getestet, der funktioniert hier einwandfrei, und es bleibt auch kein Leerraum nach Schließen des aktiven Tabs.

Da funkt dir bestimmt etwas anderes dazwischen.

Thomas3

Hallo

Dann war meine Erklärung ungenau.

Versuche mal einen der inaktiven Tabs zu löschen.

Andere Dinge sind alle ausgeschalten zum Test.

HT-Frogger

In den Browser-Tool sehe ich: Die gelöschten Tabs sind noch da aber ohne Hintergrundfarbe... deshalb die Lücken. hmmm

Der Neuer-Tab-Button ist jetzt ganz weit rechts...

Gruß Harry

ErSchonWieder

Zitat von 2002Andreas

Ich habe den Code eben mal getestet, der funktioniert hier einwandfrei, und es bleibt auch kein Leerraum nach Schließen des aktiven Tabs.
Da funkt dir bestimmt etwas anderes dazwischen.

Nutzt Du Windows 7 oder Windows 10?
Es ist nämlich (wahrscheinlich/eventuell/womöglich) so:

Ich habe Windows 7, und da habe ich in meiner userChrome.css folgendes stehen:

/* ### Abstand zwischen den TABs (normal 0px) - Breite wenn Platz ist (normal 280px) ### */
/* ### Unter Windows 10 funktioniert das nicht. Da besser mit about:config browser.tabs.tabMinWidth auf 280 stellen ### */
.tabs-newtab-button,
.tabbrowser-tab:not([pinned]) {
-moz-margin-start: 0px !important;
max-width: 280px !important;
}

Das ermöglicht zwar nicht unterschiedliche Breiten in aktiven/inaktiven Tabs, aber immerhin...

Thomas3

Zitat von HT-Frogger

In den Browser-Tool sehe ich: Die gelöschten Tabs sind noch da aber ohne Hintergrundfarbe... deshalb die Lücken. hmmm

Hallo, wo siehst Du denn das?

Zitat von ErSchonWieder

Das ermöglicht zwar nicht unterschiedliche Breiten in aktiven/inaktiven Tabs, aber immerhin...

Hallo, genau das hätte Ich aber gerne wieder.
Ging ja auch bis FF57.

Zitat von 2002Andreas

Ich habe den Code eben mal getestet, der funktioniert hier einwandfrei, und es bleibt auch kein Leerraum nach Schließen des aktiven Tabs.

Konntest Du das Problem nachvollziehen?
Also wenn inaktive Tabs in einer Reihe vieler Tabs gelöscht werden bleiben Lücken.

Ist zum Beispiel der zweite Tab aktiv und man löscht den ersten Tab (inaktiv) rutschen die Tabs nicht nach links.
Selbst wenn alle Tabs dann geschlossen sind bis auf einen bleibt Links die Lücke vom ersten inaktiven Tab der geschlossen wurde.

2002Andreas

Zitat von Thomas3

Konntest Du das Problem nachvollziehen?

Ja.

Ich hatte vorher den inaktiven Tab angeklickt und dann per x geschlossen, das funktionierte einwandfrei.
Klicke ich aber mit rechter Maustaste auf den Tab: Tab schließen...bleibt der Hintergrund/Platz weiter vorhanden.

Eine Lösung dafür habe ich leider nicht gefunden. :?

HT-Frogger

Wenn man so ein paar Tabs zu und doch nicht zu hat, dann Menü - Web-Entwickler - Browser--Werkzeuge und dann suchen... alles der Reihe nach aufklappen bis man die #TabsToolbar hat (oder diese suchen lassen) und dann darunter die Tabs ansehen. Dann sieht man auch die an sich geschlossenen Tabs - noch offen aber ohne Hintergrund. Die sollten da eigentlich gar nicht mehr auftauchen. Andreas hat das bestimmt auch so gesehen...

Gruß Harry

kyou

Hiermit geht es:

CSS

.tabbrowser-tab {
	min-width: 40px !important;
	max-width: 40px !important;
} 


.tabbrowser-tab[selected] {
	min-width: 275px !important;
	max-width: 275px !important;
}

.tabbrowser-tab:not([pinned]):not([fadein]) {
	display: none !important;
}

Alles anzeigen

Ich hatte mir das Tab, das beim Schließen die Lücke hinterließ, angeschaut:

Da stand:

Code

.tabbrowser-tab:not([pinned]):not([fadein]) {
visibility: hidden;

und außerdem zwei ziemlich kleine Werte für min-width und max-width.

Jedenfalls ist "visibility: hidden" was ganz anderes als "display: none".
Das eine bedeutet soviel wie: Mach das Element transparent.
Und das andere bedeutet: Tu so, als sei das Element nicht existent.

Ob sich die Entwickler was bei dem "visibility:hidden" gedacht haben, weiß ich allerdings nicht. "Nicht eingeblendet", also "not fade in" ist ja nicht dasselbe wie "geschlossen" / closed.

Übrigens:

[selected="true"] / not:([selected="true"]) kann man sich sparen.
[selected] / not:([selected]) geht auch und sieht schöner aus.

HT-Frogger

Ja, das sieht gut aus! Es ist aber auch nur ein Flicken... die Tabs sind in den Browser-Tools immer noch vorhanden, nur unsichtbar. Normalerweise wären sie aber weg. So würden sich mit der Zeit evt. hunderte gelöschter Tabs da ansammeln, ob das gut ist? hmmm... Das löschen der Tabs bekommen wir mit CSS vermutlich nicht hin, vermutlich nur per Script??? Aber wodurch wird das löschen der Tabs nur verhindert? Sehr seltsam...

Gruß Harry

kyou

Ja, ist sehr seltsam. Insbesondere, weil das ja nicht passiert, wenn man einen selektierten Tab schließt.

kyou

In dem Zusammenhang fällt mir gerade eine weitere Merkwürdigkeit auf, wobei die userChrome.css mit dem Code, den ich oben gepostet habe, gerade aktiv ist:

Ich habe drei Tabs geöffnet.

Wenn der erste Tab selektiert ist, sind auf allen drei Tabs die Schließen-Buttons sichtbar.
Wenn der mittlere oder der letzte Tab selektiert ist, ist der Schließen-Button nur auf ihm sichtbar.

HT-Frogger

Die Schließen-Buttons setzen (wie ich das hier gesehen habe) eine Mindestbreite voraus...

kyou

Passiert auch ohne Veränderung der Minimal-Breite, also auch ohne den o. g. Code. Ich denke, das ist ein Bug, weil das von mir beschriebene Verhalten sinnlos ist. Aber es müsste sich über die userChrome.css beheben lassen, denn man kann die Tabs glücklicherweise sehr gezielt mit Attribut-Selektoren ansprechen.

HT-Frogger

Bei 180px Breite werden die Schließen-Buttons angezeigt. Das ändert aber anscheinend sonst nichts am Problem.

n8

kyou

Zitat von HT-Frogger

Bei 180px Breite werden die Schließen-Buttons angezeigt.

Aber nur dann, wenn der erste Tab selektiert ist.

HT-Frogger

Nö... an sich wollte ich schon auf dem weg in die Heia sein...

[attachment=0]Screenshot_20180130_233006.png[/attachment]

4 mal 180px dann der selektierte.

n8, Harry

Thomas3

CSS

.tabbrowser-tab:not([pinned]):not([fadein]) {
	display: none !important;
}

Hallo kyou

Vielen Dank für diese Lösung, funktioniert erst mal.

Noch interessant ist, dass sich das Problem welches Ich hier beschrieben hatte:

https://www.camp-firefox.de/forum/viewtopi…059637#p1059637

auch mit dieser Zeile erledigt hat. Das Zucken der Tabs ist auch weg.

Also doppelt Danke