Firefox 92 angepinnte Tabs Größe ändern ?

Zitat von GermanFreme82

angepinnte Tabs in seiner Größe ändern kann

Teste bitte und pass dir den Wert wenn dann an.

.tabbrowser-tab[pinned] {
  width: 80px !important;
}

Zitat von 2002Andreas

Teste bitte

Hallo Andreas,

ist bei Dir das Tab-Icon so angepasst zentriert in der Mitte?

Zitat von Dharkness

zentriert in der Mitte?

So sieht das hier mit einem angepinnten Tab und dem Code aus:

Und so Standard:

Alternativ:

.tabbrowser-tab[pinned] {
  width: 80px !important;
}

.tab-icon-stack[pinned] {
  padding-right: 5px !important;
  margin-left: -3px!important;
}

Oder auch so:

.tabbrowser-tab[pinned] {
  width: 80px !important;
}

.tabbrowser-tab[pinned] .tab-background {
  border: 1px solid black !important;
}

.tabbrowser-tab[pinned] .tab-icon-stack {
  padding-right: 4px !important;
  margin-left: -3px!important;
}

Ok, dann war ich mit meinen Anpassungen für ein eher Fx-Standard-Design, wo überwiegend nur die Farben und Abstände angepasst werden, auf dem richtigen Weg.

.tabbrowser-tab[pinned] {

    min-width: 60px !important;
}
.tabbrowser-tab[pinned] .tab-background {
    background: #0082FC !important;
}
.tabbrowser-tab[pinned][label*=" - camp-firefox.de"] .tab-background {
    background: #AB4E29 !important;
}
.tabbrowser-tab:hover .tab-background {
    background: #D1E2F2 !important;
}
.tabbrowser-tab[pinned]:hover .tab-background {
    background: #D1E2F2 !important;
}
.tabbrowser-tab[pinned] .tab-label-container,
.tabbrowser-tab[pinned] .tab-text {
    display: none !important;
}
.tabbrowser-tab[pinned] .tab-icon-stack,
.tabbrowser-tab[pinned] .tab-icon-image {
    fill: #FFF !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.tabbrowser-tab:hover .tab-icon-image,
.tabbrowser-tab[pinned]:hover .tab-icon-image {
    fill: #000 !important;
}
.tabbrowser-tab:hover .tab-text {
    color: #000 !important;
}

Zitat von Dharkness

wo überwiegend nur die Farben und Abstände angepasst werden, auf dem richtigen Weg.

So könntest du den ersten (normalen) Tab etwas dichter an die angepinnten verschieben(wenn du magst)

.tabbrowser-tab[pinned] {
    min-width: 60px !important;
}
.tabbrowser-tab[pinned] .tab-background {
    background: #0082FC !important;
}
.tabbrowser-tab[pinned][label*=" - camp-firefox.de"] .tab-background {
    background: #AB4E29 !important;
}
.tabbrowser-tab:hover .tab-background {
    background: #D1E2F2 !important;
}
.tabbrowser-tab[pinned]:hover .tab-background {
    background: #D1E2F2 !important;
}
.tabbrowser-tab[pinned] .tab-label-container,
.tabbrowser-tab[pinned] .tab-text {
    display: none !important;
}
.tabbrowser-tab[pinned] .tab-icon-stack,
.tabbrowser-tab[pinned] .tab-icon-image {
    fill: #FFF !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.tabbrowser-tab:hover .tab-icon-image,
.tabbrowser-tab[pinned]:hover .tab-icon-image {
    fill: #000 !important;
}
.tabbrowser-tab:hover .tab-text {
    color: #000 !important;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
    margin-inline-start: 0px !important;
}

Zitat von 2002Andreas

So könntest du den ersten (normalen) Tab etwas dichter an die angepinnten verschieben(wenn du magst)

Jupp, danke für den Hinweis, ich wusste, das ich noch was vergessen habe.

Zitat von Dharkness

das ich noch was vergessen habe.

Zitat von 2002Andreas

Zitat von Dharkness

das ich noch was vergessen habe.

Was mir allerdings nicht wirklich gefällt, ist der ↓ Teil, ich bekomme das mit margin-right: auto !important; und margin-left: auto !important; nicht hin, hast Du ne Idee?

.tabbrowser-tab[pinned] .tab-icon-stack,
.tabbrowser-tab[pinned] .tab-icon-image {
    fill: #FFF !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}

Zitat von Dharkness

nicht wirklich gefällt

Teste bitte mal:

.tab-content[pinned] {
margin: 0 auto!important;
}
.tabbrowser-tab[pinned] .tab-icon-stack,
.tabbrowser-tab[pinned] .tab-icon-image {
    fill: #FFF !important;
}
.tabbrowser-tab[pinned] {
    min-width: 60px !important;
}
.tabbrowser-tab[pinned] .tab-background {
    background: #0082FC !important;
}
.tabbrowser-tab[pinned][label*=" - camp-firefox.de"] .tab-background {
    background: #AB4E29 !important;
}
.tabbrowser-tab:hover .tab-background {
    background: #D1E2F2 !important;
}
.tabbrowser-tab[pinned]:hover .tab-background {
    background: #D1E2F2 !important;
}
.tabbrowser-tab[pinned] .tab-label-container,
.tabbrowser-tab[pinned] .tab-text {
    display: none !important;
}
.tabbrowser-tab:hover .tab-icon-image,
.tabbrowser-tab[pinned]:hover .tab-icon-image {
    fill: #000 !important;
}
.tabbrowser-tab:hover .tab-text {
    color: #000 !important;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
    margin-inline-start: 0px !important;
}

Wobei du diesen Teil gar nicht brauchst:

.tabbrowser-tab[pinned] .tab-label-container,
.tabbrowser-tab[pinned] .tab-text {
    display: none !important;
}

Angepinnte Tabs haben eh keinen Text.

Zitat von 2002Andreas

Angepinnte Tabs haben eh keinen Text.

Hm, Dein Screenshot aus #5 sagt was anderes, denn anscheinend wird der Tabtext bei der Anpassung der Breite des angepinnten Tabs doch eingeblendet, so war es auch bei mir, deshalb die Anpassung.

Zitat von 2002Andreas

Teste bitte mal:

Die Firma dankt das passt.

Zitat von Dharkness

bei der Anpassung der Breite

Du hast recht. Nur ohne Anpassung fehlt der Text

Zitat von Dharkness

Die Firma dankt das passt

Gern geschehen

Zitat von 2002Andreas

Nur ohne Anpassung fehlt der Text

Hm, meinst Du nicht eher Nur mit Anpassung fehlt der Text?

Standard:

Mit dem Code aus Beitrag Nr. 2

Also mit Anpassung der Breite erscheint der Text.

Jetzt habe ich es mit deinem Code erneut getestet:

Und dabei den Eintrag:

.tabbrowser-tab[pinned] .tab-label-container,
.tabbrowser-tab[pinned] .tab-text {
    display: none !important;
}

entfernt gehabt.

Zitat von 2002Andreas

So könntest du den ersten (normalen) Tab etwas dichter an die angepinnten verschieben(wenn du magst)

Und ich dachte mir immer bei dieser Leerfläche "was hast du da wieder für ein Mist zusammen gefrickelt" . Jetzt sehe ich erst, dass das ja Standard ist! Danke fürs Augen öffnen...hab natürlich gleich der Lücke den Garaus gemacht.

Ich glaube, wenn man mir einen nackten, 'ungepimpten' FireFox vorsetzt, würde ich erst mal verdutzt fragen, was man denn Tolles mit so einem Programm machen kann?

OT: Eine Frage noch zu deinem geänderten FF-Programm-Icon oben links in der Titelleiste.

Wie hast du das gemacht? Mit einem 'Resource-editor'?

Ist dieses geänderte Icon nur in der FF-Titelleiste sichtbar oder auch in der Windows-Taskleiste?

(was mir am wichtigsten wäre, da die Titelleiste bei mir eh nicht angezeigt wird.)

Zitat von BrokenHeart

geänderten FF-Programm-Icon oben links in der Titelleiste.

Hier hatte ich mal eine Beschreibung dazu gemacht:

#3

Dann noch einen eigenen neuen boolean Wert in der config erstellen:

toolkit.legacyUserProfileCustomizations.windowIcon

und den auf true stellen.

Zitat von BrokenHeart

oder auch in der Windows-Taskleiste?

Jeweils für release, beta und nightly ein eigenes Icon in der Taskleiste.

Zitat von BrokenHeart

hab natürlich gleich der Lücke den Garaus gemacht.

Freut mich wenn ich dir damit auch geholfen habe

2002Andreas

Vielen Dank, werde ich mir nachher mal anschauen.

Ich hatte immer gedacht, dass das, so wie beschrieben, ab einer bestimmten(?) Version nicht mehr funktioniert hat ... toll wenn es trotzdem so geht!

Zitat von BrokenHeart

ab einer bestimmten(?) Version nicht mehr funktioniert hat

So war es auch.

Später gab es dann den neuen Eintrag für die config.

Früher konnte man auch viel mehr Icons ändern, darum auch die vielen in meinem Screenshot in dem Beitrag.

Zitat von BrokenHeart

Vielen Dank

Gern geschehen