Tabform

Zitat von FuchsFan

So sollte es auch gehen.

Für die Tableiste nach unten schon, aber die Button: Schließen etc. sind damit wieder in der Tableiste dann:

Zitat von 2002Andreas

aber die Button: Schließen etc. sind damit wieder in der Tableiste dann:

Hmmm, bei mir nur New-Tab- und All-Tabs-Button. Steht aber nicht mehr zur Debatte.

Zitat von Mira_Belle

funktioniert aber alles so wie es sein sollte.

Dann nimm den, war auch nur ein Versuch von mir.

Zitat von Mira_Belle

Wenn doch die Menüleiste aktiviert ist, sind die Fensterbuttons zweimal da!
Einmal in der Menüleiste, wo sie dann ja auch sein sollten,
und einmal in der Adressleiste, wo sie NICHT mehr sein sollten.

Mit der abgewandelten Version von MOG's Version, die ich echt nicht verstehe, funktioniert aber alles so wie es sein sollte.

Am Mac ist mal wieder alles etwas anders, aber im Prinzip verschiebst du zusammen mit der Tableiste die Fensterbuttons auch nach unten, und - abhängig von Titelleiste an/aus, Vollbildmodi etc. - würden sie dann ganz normal an der jeweils vorprogrammierten Stelle angezeigt, auch dann wenn man sie nicht mehr in der jetzt unten liegenden Tableiste haben möchte.

Das MOG CSS manipuliert die Anzeige der Fensterbuttons um das Ganze harmonischer zu gestalten, wobei ich das für Windows halt nicht testen kann.
Ursprünglich hatte MOG lange einen zusätzlichen Code für das Verschieben von Fensterbuttons, für diverse seiner Leistencodes.

Zitat von Mira_Belle

Was mir da auffällt, ist ein senkrechter Strich zwischen den gesplitteten Tabs, wenn dieser Splittab inaktiv.
An den komme ich irgendwie nicht ran.

Original-Code:

#tabbrowser-tabs tab-split-view-wrapper {
  &:not([hasactivetab]) {
    .tabbrowser-tab {
      &:last-child {
        border-inline-start: 1px solid var(--toolbarbutton-icon-fill);
      }
    }
  }
}

Zitat von Mira_Belle

So 100%tig bin ich noch nicht zufrieden, denn im "Geteilten Tab" sind im Hintergrund kleine Lücken.

Hmm, nur mal grob geraten:

#tabbrowser-tabs[orient="horizontal"] tab-split-view-wrapper .tabbrowser-tab:first-of-type .tab-background {
    border-left: none !important;
}

#tabbrowser-tabs[orient="horizontal"] tab-split-view-wrapper .tabbrowser-tab:last-of-type .tab-background {
    border-right: none !important;
}

Und noch ein paar grobe Codeschnipsel zum (evtl. einzeln) Testen:

#tabbrowser-tabs[orient="horizontal"] tab-split-view-wrapper .tabbrowser-tab .tab-background {
    outline: none !important;
}

#tabbrowser-tabs[orient="horizontal"] tab-split-view-wrapper .tabbrowser-tab {
    border: none !important;
}

#tabbrowser-tabs[orient="horizontal"] tab-split-view-wrapper {
  &:not([hasactivetab]) {
    .tabbrowser-tab {
      &:last-child {
        border-inline-start: none !important;
      }
    }
  }
}

Ansonsten halt in die Browserwerkzeuge schauen; überall wo der Bogen nach aussen zu sehen ist, darf an dieser Stelle keine seitliche border oder padding, outline etc. sein, v.a. nicht an .tab-background, aber auch darüber nicht, wie .tabbrowser-tab.

Und auch mal verschiedene Szenarien mit selektierten Tabs durchspielen, obwohl das bei Splitview evtl. keinen Unterschied macht.

Ich bin überrascht dass das CSS überhaupt mit dem Splitview funktioniert.

Zitat von Mira_Belle

Mal schauen

Evtl. hilft dir das etwas weiter

#tabbrowser-tabs tab-split-view-wrapper {
  & .tabbrowser-tab {
    &:first-child {
      & .tab-background {
        margin-inline-end: 0 !important;
        margin-inline-start: -1px !important;
      }
    }
  }
}

#tabbrowser-tabs tab-split-view-wrapper {
  & .tabbrowser-tab {
    & .tab-background {      
      margin-left: -2px !important;
      margin-inline-end: 0 !important;
      margin-inline-start: -1px !important;
    }
  }
}

Zitat von Mira_Belle

Im übrigen gibt es den "Fehler" auch mit MOG's CSS!
Mal schauen, ob er das fixt, wenn es zu fixen geht.

In dem Fall würde ich mal auf Github bei MOG nachfragen, da ist er nach wie vor aktiv.

Zitat von Mira_Belle

Vielen, vielen Dank

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

Zitat von Mira_Belle

DAS passt ja genau, warum auch immer.

Vermutlich dank der meisterlichen Kombination von margin-left und margin-inline-start, und generell der sorgfältigen Analyse dieser Tabs mit den Werkzeugen.

Vermutlich bestehen die meisten Ursachen für eure CSS-Merkwürdigkeiten aus dem Zusammenwürfeln verschiedener Quellen, die man warum auch immer nicht zuordnen kann.

Tab-Splitting sah auch hier nicht so schön aus - vorher, aber da ich das eh nicht nutzen werde - damit werden nämliche einige Seiten auf <1024px oder gar 900px oder noch weniger formatiert, da hilft auch kein 3000px oder mehr breites Display, wenn es nicht auf 100% auf 40 Zoll oder besser höher genutzt wird.

Mein Tablet könnte das, steht auch auf 150%, weil ich mir sonst ne Lupe davor schnallen müsste bei 15 Zoll.

border-inline-start/border-inline-end und ähnliche, da ist einiges dazu gekommen, was der Inspector zeigen wird.

Zitat von Mira_Belle

Browserwerkzeuge hin oder her, ich denke, so ein bisschen muss man auch was von CSS verstehen.
Das tu ich halt nur ungenügend.

Dann geht sich das ja zusammen, und du bist jetzt in passenden Händen.