X
點擊此處開啟此網站的行動版。

技術支援討論區

how do I move close,max,min buttons location

已張貼

I am using CSD on gnome3 on Arch Linux with all my close max min buttons moved to the left as they are on the Mac. Is there a way to accomplish the same thing in FF with CSD on? If I turn it off the button are where I expect them because it uses native decorations, but with it on they are on the right as is customary on MSWindows.

I am using CSD on gnome3 on Arch Linux with all my close max min buttons moved to the left as they are on the Mac. Is there a way to accomplish the same thing in FF with CSD on? If I turn it off the button are where I expect them because it uses native decorations, but with it on they are on the right as is customary on MSWindows.

被選擇的解決方法

I almost have the buttons moved to the left where I want them, but I still have some issues. First when FF is first open the button box looks like its overlapping another buttonbox, second in fullscreen tabs overlay the buttons. Any help would be great.

I used the following css to move the buttons:


  1. titlebar-buttonbox {
 display: flex;
 flex-direction: row-reverse;

}

/* .tabbrowser-tab {

 visibility: hidden;

} */


.titlebar-placeholder[type="pre-tabs"] {

 width: 120px !important;

}

/* #titlebar-secondary-buttonbox:-moz-locale-dir(rtl), */

  1. titlebar-buttonbox-container {
 -moz-box-ordinal-group: 0;

}


images attached.

Thanks in advance for any help

從原來的回覆中察看解決方案 0

額外的系統細節

應用程式

  • User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:60.0) Gecko/20100101 Firefox/60.0

更多資訊

guigs 1072 個解決方法 11697 個答案

Hey there,

I believe that the operating system should not matter, have you already tried the Customize > then moving the zoom buttons?

These are the features I am referencing:

Hey there, I believe that the operating system should not matter, have you already tried the Customize > then moving the zoom buttons? These are the features I am referencing: *[[How to Customize Toolbars]] *[[Customize Firefox controls, buttons and toolbars]]
cor-el
  • Top 10 Contributor
  • Moderator
17410 個解決方法 157269 個答案

有幫助的回覆

With CSD on and the title bar hidden (browser.tabs.drawInTitlebar = true) Firefox places the control buttons at the far right of the tab bar or the menu bar when enabled. I assume that you can use code in userChrome.css to move the buttons (#titlebar-buttonbox) to the far left and set a margin-left instead of a margin-right to reserve space on the toolbar. See also this CSS file for existing rules (search for: titlebar):

chrome://browser/content/browser.css

If this is about the control buttons on the title bar then I don't think that you can to much on Linux.


With CSD on and the title bar hidden (browser.tabs.drawInTitlebar = true) Firefox places the control buttons at the far right of the tab bar or the menu bar when enabled. I assume that you can use code in userChrome.css to move the buttons (#titlebar-buttonbox) to the far left and set a margin-left instead of a margin-right to reserve space on the toolbar. See also this CSS file for existing rules (search for: titlebar): <b>chrome://browser/content/browser.css</b> If this is about the control buttons on the title bar then I don't think that you can to much on Linux. ---- *https://www.userchrome.org/how-create-userchrome-css.html *https://www.userchrome.org/what-is-userchrome-css.html

提出問題者

tried a few margin settings and could not figure out how to get what I wanted

tried a few margin settings and could not figure out how to get what I wanted

選擇的解決方法

I almost have the buttons moved to the left where I want them, but I still have some issues. First when FF is first open the button box looks like its overlapping another buttonbox, second in fullscreen tabs overlay the buttons. Any help would be great.

I used the following css to move the buttons:


  1. titlebar-buttonbox {
 display: flex;
 flex-direction: row-reverse;

}

/* .tabbrowser-tab {

 visibility: hidden;

} */


.titlebar-placeholder[type="pre-tabs"] {

 width: 120px !important;

}

/* #titlebar-secondary-buttonbox:-moz-locale-dir(rtl), */

  1. titlebar-buttonbox-container {
 -moz-box-ordinal-group: 0;

}


images attached.

Thanks in advance for any help

I almost have the buttons moved to the left where I want them, but I still have some issues. First when FF is first open the button box looks like its overlapping another buttonbox, second in fullscreen tabs overlay the buttons. Any help would be great. I used the following css to move the buttons: #titlebar-buttonbox { display: flex; flex-direction: row-reverse; } /* .tabbrowser-tab { visibility: hidden; } */ .titlebar-placeholder[type="pre-tabs"] { width: 120px !important; } /* #titlebar-secondary-buttonbox:-moz-locale-dir(rtl), */ #titlebar-buttonbox-container { -moz-box-ordinal-group: 0; } images attached. Thanks in advance for any help

由 jjgalvez 於 修改

提出問題者

Found some simpler code that fixed my issues and moved the buttons to the left where I want them.

code:

@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;
}
Found some simpler code that fixed my issues and moved the buttons to the left where I want them. code: <pre><nowiki>@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; }</nowiki></pre>

由 cor-el 於 修改