web-dev-qa-db-ja.com

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

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

firefox
12
JimDeadlock

ファイル「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/9f7c0a6591ada0d391ee6813a518dc3benter image description here

16
denshigomi

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

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

また、要点は here にあります。

4
isacikgoz

Gist ここの元の著者。 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/

1
oidualc

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

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

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

これは私の「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;
}
0
Paulo Horta

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

sample with user chrome

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