Firefox 60 CSD Window Buttons Left

14

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?

firefox

— JimDeadlock
sumber

17

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:

Buka Firefox
Klik tombol menu
Klik Bantuan
Pilih Informasi Pemecahan Masalah
Profil Firefox Anda akan menjadi direktori terakhir yang tercantum dalam "Direktori Profil"

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

— denshigomi
sumber

1

Terima kasih telah mencoba tetapi ini tidak menyelesaikan masalah, tombol-tombolnya masih di sebelah kanan dalam mode CSR.

— JimDeadlock

Mungkin saya salah paham. Saya berasumsi Anda bermaksud mode CSD karena saya belum pernah mendengar tentang mode CSR dan mode CSD memungkinkan Anda untuk menggabungkan tab dengan bilah judul. Jika yang Anda maksud adalah mode CSD (Dekorasi Sisi Klien), ini berfungsi. Periksa pekerjaan Anda dan mulai ulang Firefox setelah membuat perubahan. Saya telah menambahkan tangkapan layar ke jawaban saya yang menunjukkan hasilnya.

— denshigomi

Saya mencobanya di komputer yang berbeda dan itu memang berhasil, tidak yakin apa yang saya lakukan salah sebelumnya. Ya maksud saya CSD, saya pikir saya pasti setengah tertidur kemarin. Terima kasih atas jawabannya!

— JimDeadlock

2

Ini membuat tombol jendela diletakkan di sebelah kiri tetapi tidak ditempatkan dengan benar. Ruang antara tombol minimal dan tutup terlalu kecil dibandingkan dengan ruang antara tombol maksimalkan dan minimal.

— Apoorv Potnis

2

Seperti ini .

— Apoorv Potnis

4

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 .

— isacikgoz
sumber

2

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/

— biasa-biasa saja
sumber

1

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

— pengguna3053389
sumber

1

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

— Alex
sumber

0

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

— Paulo Horta
sumber