Firefox 60 CSD Window Buttons Left

Saya suka opsi CSD baru (hapus bilah judul) tetapi ketika diaktifkan tombol jendela saya pindah ke kanan (biasanya di sebelah kiri). Apakah ada cara untuk mengaktifkan CSD tetapi dengan tombol di sebelah kiri?

Buat file "userChrome.css" dan direktori induknya "chrome" jika belum ada:

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

Tempatkan kode berikut di userChrome.css
Jika baris yang dimulai dengan @namespace sudah ada di userChrome.css Anda, jangan tambahkan lagi untuk yang kedua kalinya.

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

Sekarang restart Firefox dan tombolnya ada di sebelah kiri.

Profil Firefox Anda akan terlihat seperti ini: hej3q2i1.default
Jika Anda tidak yakin profil mana yang milik Anda, Anda dapat mengetahuinya dengan mengikuti langkah-langkah ini:

1. Buka Firefox
2. Klik tombol menu
3. Klik Bantuan
4. Pilih Informasi Pemecahan Masalah
5. Profil Firefox Anda akan menjadi direktori terakhir yang tercantum dalam "Direktori Profil"

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

Selain jawaban @ denshigomi , saya menambahkan poperty untuk ketidakselarasan. Ini memperbaiki masalah Apoorv Potnis . Anda dapat menambahkan properti ini ke file userChrome.css:

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

Juga intinya dapat ditemukan di sini .

Penulis asli intinya di sini. Script telah diperbarui karena di versi terbaru Firefox Nightly urutan tombol telah terbalik.

• Ketik tentang: dukungan di bilah URL
• Buka "Direktori Profil" (/ home /.../. Mozilla / firefox / ...)
• Buat jika belum ada direktori yang bernama "chrome"
• Buat file di dalamnya (jika belum ada) bernama userChrome.css
• Tambahkan kode berikut

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

Informasi lebih lanjut dapat ditemukan di sini: https://www.userchrome.org/

Ini berfungsi untuk saya setelah pembaruan 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;
}

Di Gnome untuk Firefox 65, userChrome ini berfungsi paling baik untuk saya.

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

Terima kasih untuk bantuannya!

Saya harus mengubahnya sedikit, tetapi sempurna sekarang!

Ini adalah file 'userChrome.css' saya, sekarang:

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