ปุ่มหน้าต่าง 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 เวอร์ชั่นล่าสุดทุก ๆ รุ่นปุ่มเรียงกลับด้าน

• พิมพ์ about: support บนแถบ URL
• เปิด "ไดเรกทอรีโปรไฟล์" (/ 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;
}

ใน Gnome สำหรับ 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;
}

ขอบคุณสำหรับความช่วยเหลือ!

ฉันต้องเปลี่ยนมันเล็กน้อย แต่มันสมบูรณ์แบบแล้ว!

นี่คือไฟล์ '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;
}