Firefox 60 CSD-Fenster-Schaltflächen Links

Ich mag die neue CSD-Option (Titelleiste entfernen), aber wenn sie aktiviert ist, bewegen sich meine Fensterschaltflächen nach rechts (normalerweise nach links). Gibt es eine Möglichkeit, CSD zu aktivieren, aber mit Schaltflächen auf der linken Seite?

Erstellen Sie die Datei "userChrome.css" und das übergeordnete Verzeichnis "chrome", falls diese noch nicht vorhanden sind:

~/.mozilla/firefox/<YOUR_FIREFOX_PROFILE>/chrome/userChrome.css

Fügen Sie den folgenden Code in userChrome.css ein.
Wenn sich die mit @namespace beginnende Zeile bereits in Ihrer userChrome.css befindet, fügen Sie sie nicht ein zweites Mal hinzu.

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.titlebar-buttonbox {
  display: flex;
}

.titlebar-min {
  order: 2;
}

.titlebar-max {
  order: 1;
}

.titlebar-close {
  order: 3;
  margin-right: 6px !important;
}

Starten Sie nun Firefox neu und die Schaltflächen befinden sich links.

Ihr Firefox-Profil sieht ungefähr so ​​aus: hej3q2i1.default
Wenn Sie nicht sicher sind, welches Profil Ihnen gehört, können Sie dies anhand der folgenden Schritte herausfinden:

1. Öffnen Sie Firefox
2. Klicken Sie auf die Menüschaltfläche
3. Klicken Sie auf Hilfe
4. Wählen Sie Informationen zur Fehlerbehebung
5. Ihr Firefox-Profil ist das letzte Verzeichnis, das unter "Profilverzeichnis" aufgeführt ist.

CSS-Quelle: https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3b

Zusätzlich zu @ denshigomis Antwort habe ich eine Poperty für die Fehlausrichtung hinzugefügt. Dies behebt das Problem mit Apoorv Potnis . Sie können diese Eigenschaft zur Datei userChrome.css hinzufügen:

#titlebar-close {
  margin-right: 6px !important;
}

Auch das Wesentliche finden Sie hier .

Ursprünglicher Autor des Inhalts hier. Das Skript wurde aktualisiert, da in den neuesten Versionen von Firefox Nightly die Reihenfolge der Schaltflächen umgekehrt wurde.

• Geben Sie about: support in die URL-Leiste ein
• Öffne das "Profilverzeichnis" (/ home /.../. Mozilla / firefox / ...)
• Erstellen Sie ein Verzeichnis mit dem Namen "chrome", falls es dieses noch nicht gibt.
• Erstellen Sie eine Datei mit dem Namen userChrome.css in der Datei (sofern noch nicht vorhanden)
• Fügen Sie den folgenden Code an

userChrome.css:

#TabsToolbar {
    direction: rtl;
}

#tabbrowser-tabs {
    direction: ltr;
}

.titlebar-buttonbox {
    display: flex;
}

.titlebar-min {
    order: 2;
}

.titlebar-max {
    order: 1;
}

.titlebar-close {
    order: 3;
    margin-right: 6px !important;
}

Weitere Informationen finden Sie hier: https://www.userchrome.org/

Dies funktioniert für mich nach dem Firefox 65-Update:

(userChrome.css)

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 1;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 3;
}

Danke für die Hilfe!

Ich musste es ein bisschen ändern, aber es ist jetzt perfekt!

Dies ist jetzt meine 'userChrome.css'-Datei:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#titlebar-max {
  -moz-box-ordinal-group: 0;
}

#titlebar-content {
  direction: rtl;
}

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) {
  display: -moz-box !important;
}

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 3;
  margin-left: 5px !important;
  margin-right: 6px !important;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 1;
}

In Gnome für Firefox 65 funktioniert dieses UserChrome am besten für mich.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


#TabsToolbar .toolbar-items {
    -moz-box-ordinal-group: 2;
}

#TabsToolbar-customization-target .titlebar-spacer[type="pre-tabs"] {
    display: none;
}

#TabsToolbar-customization-target .titlebar-spacer[type="post-tabs"] {
    width: 4px !important;
}

.titlebar-buttonbox-container {
    -moz-box-ordinal-group: 1 !important;
}

.titlebar-buttonbox-container toolbarbutton.titlebar-button.titlebar-close {
    margin-left: 4px !important;
}