Tabs verändern


  • 6. Ladezustände der Tabs


    Habe eine Lösung gefunden, die mir ausreicht.

    [Blockierte Grafik: https://www2.pic-upload.de/img/34347644/A13.jpg]

    Inaktive Tabs: Weißer Hintergrund
    Aktiver Tab: Roter Hintergrund

  • Kontextmenü Tab:

    Dieser Code funktioniert gut.

    Wie bekomme ich noch die Trennlinie unten weg?

    [Blockierte Grafik: https://www2.pic-upload.de/img/34349233/A3.jpg]

  • So? Dann funktionieren alle Veränderungen, die sich auf Tab beziehen, nicht mehr.

  • Du hast einen kleinen Fehler durch das einfügen.

    Zeile 13 hast du eine { statt einem Komma.

  • Jetzt zeigen sich noch ein paar Problemchen...

    [Blockierte Grafik: https://www2.pic-upload.de/img/34353843/A2.jpg]
    So sieht ein Tab bei mir aus

    [Blockierte Grafik: https://www2.pic-upload.de/img/34353849/A3.jpg]
    Klicke ich auf "Tab anheften"...

    ...verringert sich die Tabbreite
    [Blockierte Grafik: https://www2.pic-upload.de/img/34353856/A4.jpg]

    Das wäre noch nicht das Problem. Aber dann ist der Eintrag "Andere Tabs schließen" verschwunden
    [Blockierte Grafik: https://www2.pic-upload.de/img/34353868/A5.jpg]

  • Wie kann ich die Reihenfolge des Kontext-Menüs ändern?

    Im Moment habe ich diesen Code:

    So siehts zur Zeit aus

    [Blockierte Grafik: https://www2.pic-upload.de/img/34365126/A3.jpg]

    So hätte ich es gerne

    [Blockierte Grafik: https://www2.pic-upload.de/img/34365128/A5.jpg]

  • Zusätzlich... aber wohin genau

    So klappt es nicht, das ursprüngliche Kontextmenü zeigt sich wieder.

  • Jetzt ist mir noch aufgefallen, dass ein Tab durch Anheften schmaler wird.

    [Blockierte Grafik: https://www2.pic-upload.de/img/34371574/A10.jpg]

    Linker Tab ist angeheftet.

    Habe schon viele Werte verändert, bekomme es aber nicht hin, dass ein angehefteter Tab seine Breite beibehält.

    Vielleicht möchte sich mal jemand meine userChrome.css anschauen und erkennt, woran es liegt.

  • Was passiert, wenn du diese Anweisung

    CSS
    .tabbrowser-tab:not([pinned]) {
      flex-grow: 1;
      min-width: 128px !important;
      max-width: 128px !important;
    }


    zu dem hier umschreibst?

    CSS
    .tabbrowser-tab {
      flex-grow: 1;
      min-width: 128px !important;
      max-width: 128px !important;
    }

    Windows 10 | FF 62.0 (64-Bit) / FF 61.0 (64-Bit) / FF 63.0 (64-Bit)