Firefox 60 CSDウィンドウボタン左

新しいCSDオプション（タイトルバーを削除）が気に入っていますが、アクティブにすると、ウィンドウボタンが右（通常は左）に移動します。CSDを有効にする方法はありますが、左側にボタンがありますか？

ファイル「userChrome.css」とその親ディレクトリ「chrome」がまだ存在しない場合は作成します。

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

userChrome.cssに次のコードを配置
します@namespaceで始まる行が既に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;
}

Firefoxを再起動すると、ボタンが左側に表示されます。

Firefoxのプロファイルは次のようになります。hej3q2i1.default
どのプロファイルが自分のものかわからない場合は、次の手順で確認できます。

1. Firefoxを開く
2. メニューボタンをクリックします
3. ヘルプをクリック
4. トラブルシューティング情報を選択
5. Firefoxプロファイルは、「プロファイルディレクトリ」にリストされている最後のディレクトリになります。

CSSソース：https : //gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3b

加えてdenshigomiの答え@、私はミスアライメントのためpopertyを追加しました。これにより、Apoorv Potnisの問題が修正されます。このプロパティをuserChrome.cssファイルに追加できます。

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

また、ここで要点を見つけることができます。

ここで要点の原作者。Firefox Nightlyの最新バージョンではボタンの順序が逆になっているため、スクリプトが更新されました。

• URLバーにabout：supportと入力します
• 「プロファイルディレクトリ」（/ home /.../。mozilla / firefox / ...）を開きます
• 「chrome」という名前のディレクトリがまだ存在しない場合は作成します
• userChrome.cssという名前のファイルを内部に作成します（まだ存在しない場合）。
• 次のコードを追加します

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

詳細については、https：//www.userchrome.org/をご覧ください。

これは、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;
}

助けてくれてありがとう！

少し変更しなければなりませんでしたが、今は完璧です！

これは私の「userChrome.css」ファイルです。

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

Gnome for Firefox 65では、このuserChromeが最適です。

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