Nút cửa sổ Firefox 60 CSD còn lại

Tôi thích tùy chọn CSD mới (loại bỏ thanh tiêu đề) nhưng khi được kích hoạt, các nút cửa sổ của tôi di chuyển sang bên phải (thông thường ở bên trái). Có cách nào để bật CSD nhưng với các nút bên trái không?

Tạo tệp "userChrome.css" và thư mục mẹ của nó "chrome" nếu chúng chưa tồn tại:

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

Đặt mã sau vào userChrome.css
Nếu dòng bắt đầu bằng @namespace đã có trong userChrome.css của bạn, đừng thêm nó lần thứ hai.

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

Bây giờ khởi động lại Firefox và các nút sẽ ở bên trái.

Hồ sơ Firefox của bạn sẽ trông giống như thế này: hej3q2i1.default
Nếu bạn không chắc chắn hồ sơ nào là của bạn, bạn có thể tìm hiểu bằng cách làm theo các bước sau:

1. Mở Firefox
2. Nhấp vào nút menu
3. Nhấp vào Trợ giúp
4. Chọn Thông tin khắc phục sự cố
5. Hồ sơ Firefox của bạn sẽ là thư mục cuối cùng được liệt kê trong "Thư mục hồ sơ"

Nguồn CSS: https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3b

Ngoài câu trả lời của @ denshigomi , tôi đã thêm một thông báo cho việc sắp xếp sai. Điều này khắc phục sự cố của Apoorv Potni . Bạn có thể thêm thuộc tính này vào tệp userChrome.css:

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

Ngoài ra ý chính có thể được tìm thấy ở đây .

Tác giả gốc của ý chính ở đây. Kịch bản đã được cập nhật vì trong các phiên bản mới nhất của Firefox Nightly, thứ tự các nút đã được đảo ngược.

• Nhập about: hỗ trợ trên thanh URL
• Mở "Thư mục hồ sơ" (/ home /.../. Mozilla / firefox / ...)
• Tạo nếu nó không tồn tại một thư mục có tên "chrome"
• Tạo một tệp bên trong (nếu nó chưa tồn tại) có tên userChrome.css
• Nối mã sau

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

Thông tin chi tiết có thể được tìm thấy ở đây: https://www.userchrome.org/

Điều này hoạt động với tôi sau khi cập nhật Firefox 65:

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

Cảm ơn đã giúp đỡ!

Tôi đã phải thay đổi nó một chút, nhưng giờ nó đã hoàn hảo!

Đây là tệp 'userChrome.css' của tôi, ngay bây giờ:

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

Trong Gnome cho Firefox 65, người dùng này hoạt động tốt nhất với tôi.

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