Boutons de la fenêtre Firefox 60 CSD

J'aime la nouvelle option CSD (supprimer la barre de titre) mais lorsqu'elle est activée, mes boutons de fenêtre se déplacent vers la droite (normalement à gauche). Existe-t-il un moyen d'activer CSD mais avec des boutons sur la gauche?

Créez le fichier "userChrome.css" et son répertoire parent "chrome" s'ils n'existent pas déjà:

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

Placez le code suivant dans userChrome.css
Si la ligne qui commence par @namespace est déjà dans votre userChrome.css, ne l'ajoutez pas une deuxième fois.

#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;
}

Redémarrez maintenant Firefox et les boutons seront à gauche.

Votre profil Firefox ressemblera à ceci: hej3q2i1.default
Si vous n'êtes pas sûr du profil qui vous appartient, vous pouvez le découvrir en suivant ces étapes:

1. Ouvrez Firefox
2. Cliquez sur le bouton menu
3. Cliquez sur Aide
4. Sélectionnez Informations de dépannage
5. Votre profil Firefox sera le dernier répertoire répertorié dans "Répertoire des profils"

Source CSS: https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3b

En plus de la réponse de @ denshigomi , j'ai ajouté une propriété pour le désalignement. Cela corrige le problème d'Apoorv Potnis . Vous pouvez ajouter cette propriété au fichier userChrome.css:

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

L'essentiel peut également être trouvé ici .

L'auteur original de l' essentiel ici. Le script a été mis à jour car dans les dernières versions de Firefox Nightly, l'ordre des boutons a été inversé.

• Tapez about: support dans la barre d'URL
• Ouvrez le "Répertoire des profils" (/ home /.../. Mozilla / firefox / ...)
• Créer s'il n'existe pas déjà un répertoire nommé "chrome"
• Créez un fichier à l'intérieur (s'il n'existe pas déjà) nommé userChrome.css
• Ajoutez le code suivant

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;
}

De plus amples informations peuvent être trouvées ici: https://www.userchrome.org/

Cela fonctionne pour moi après la mise à jour de Firefox 65:

(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;
}

Dans Gnome pour Firefox 65, cet utilisateurChrome fonctionne le mieux pour moi.

@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;
}

Merci pour l'aide!

J'ai dû le changer un peu, mais c'est parfait maintenant!

Voici mon fichier 'userChrome.css', maintenant:

@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;
}